栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在Flutter中在ListViewBuilder中使用动态TextField

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在Flutter中在ListViewBuilder中使用动态TextField

您有几种选择,具体取决于您如何构建应用程序或在哪里拥有中心状态。

我在这里为您提出一种更新本地地图变量的解决方案。或者,您可以将事件/流发送到商店所在的地方。

import 'package:flutter/material.dart';void main() => runApp(new MyApp());class MyApp extends StatelessWidget {  @override  Widget build(BuildContext context) {    return MaterialApp(      home: MyHomePage(),    );  }}class MyHomePage extends StatefulWidget {  @override  _MyHomePageState createState() => _MyHomePageState();}class _MyHomePageState extends State<MyHomePage> {  List<Item> itemList = [    Item("ID1", "First product"),    Item("ID2", "Second product"),  ];  Map<String, int> quantities = {};  void takeNumber(String text, String itemId) {    try {      int number = int.parse(text);      quantities[itemId] = number;      print(quantities);    } on FormatException {}  }  Widget singleItemList(int index) {    Item item = itemList[index];    return Container(      decoration: BoxDecoration(        color: Colors.white,      ),      child: Row(        children: [          Expanded(flex: 1, child: Text("${index + 1}")),          Expanded( flex: 3, child: TextField(   keyboardType: TextInputType.number,   onChanged: (text) {     takeNumber(text, item.id);   },   decoration: InputDecoration(     labelText: "Qty",   ), ),          ),        ],      ),    );  }  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(title: Text("Demo")),      body: Center(        child: ListView.builder( shrinkWrap: true, itemCount: itemList.length, itemBuilder: (context, index) {   if (itemList.isEmpty) {     return CircularProgressIndicator();   } else {     return singleItemList(index);   } }),      ),    );  }}class Item {  final String id;  final String name;  Item(this.id, this.name);}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/406990.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号