blocks|key|4209171|text|正如@Günter+Zöchbauer提到的，你可以只构建一个小部件列表，然后将这些小部件嵌套在一个容器中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4209172|下面是一个简单的例子：|4209173|import+'package:flutter/material.dart';

void+main()+=>+runApp(MyApp());

class+MyApp+extends+StatelessWidget+{
++@override
++Widget+build(BuildContext+context)+{
++++return+MaterialApp(
++++++title:+"MyHomePage",
++++++theme:+ThemeData(
++++++++primarySwatch:+Colors.blue,
++++++),
++++++home:+MyHomePage(
++++++++title:+"MyHomePage",
++++++),
++++);
++}
}

class+MyHomePage+extends+StatefulWidget+{
++MyHomePage({Key+key,+this.title})+:+super(key:+key);

++final+title;

++@override
++_MyHomePageState+createState()+=>+_MyHomePageState();
}

class+_MyHomePageState+extends+State<MyHomePage>+{
++@override
++Widget+build(BuildContext+context)+{
++++var+stringListReturnedFromApiCall+=+["first",+"second",+"third",+"fourth",+"..."];

++++//+This+list+of+controllers+can+be+used+to+set+and+get+the+text+from/to+the+TextFields
++++var+textEditingControllers+=+<TextEditingController>[];

++++var+textFields+=+<TextField>[];
++++stringListReturnedFromApiCall.forEach((str)+{
++++++var+textEditingController+=+new+TextEditingController(text:+str);
++++++textEditingControllers.add(textEditingController);
++++++return+textFields.add(new+TextField(controller:+textEditingController));
++++});

++++return+Scaffold(
++++++++appBar:+AppBar(
++++++++++title:+Text(widget.title),
++++++++),
++++++++body:+SingleChildScrollView(
++++++++++++child:+new+Column(
++++++++++children:+textFields,
++++++++)));
++}
}|code-block|syntax|javascript|4209174|编辑:添加了与所有TextField交互的TextEditingController%25s列表|offset|length|style|CODE|4209175|entityMap^0|0|0|0|9|9|L|L|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]|$K|W|L|X|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

More or less as @Günter Zöchbauer mentioned, you can just build a list of widgets which are nested then in a container.

Here's a simple example:

<pre><code>import 'package:flutter/material.dart';

void main() =&gt; runApp(MyApp());

class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
 return MaterialApp(
 title: "MyHomePage",
 theme: ThemeData(
 primarySwatch: Colors.blue,
 ),
 home: MyHomePage(
 title: "MyHomePage",
 ),
 );
 }
}

class MyHomePage extends StatefulWidget {
 MyHomePage({Key key, this.title}) : super(key: key);

 final title;

 @override
 _MyHomePageState createState() =&gt; _MyHomePageState();
}

class _MyHomePageState extends State&lt;MyHomePage&gt; {
 @override
 Widget build(BuildContext context) {
 var stringListReturnedFromApiCall = ["first", "second", "third", "fourth", "..."];

 // This list of controllers can be used to set and get the text from/to the TextFields
 var textEditingControllers = &lt;TextEditingController&gt;[];

 var textFields = &lt;TextField&gt;[];
 stringListReturnedFromApiCall.forEach((str) {
 var textEditingController = new TextEditingController(text: str);
 textEditingControllers.add(textEditingController);
 return textFields.add(new TextField(controller: textEditingController));
 });

 return Scaffold(
 appBar: AppBar(
 title: Text(widget.title),
 ),
 body: SingleChildScrollView(
 child: new Column(
 children: textFields,
 )));
 }
}
</code></pre>

Edit: Added list for <code>TextEditingController</code>s to interact with all the <code>TextField</code>s

blocks|key|4209801|text|我刚刚修改了@Felix的答案，使用Map而不是list来存储TextEditingControllers。我认为使用键值对来调用textEditingControllers是很容易的。修改后的代码块；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4209802|import+'package:flutter/material.dart';

void+main()+=>+runApp(MyApp());

class+MyApp+extends+StatelessWidget+{
++@override
++Widget+build(BuildContext+context)+{
++++return+MaterialApp(
++++++title:+"MyHomePage",
++++++theme:+ThemeData(
++++++++primarySwatch:+Colors.blue,
++++++),
++++++home:+MyHomePage(
++++++++title:+"MyHomePage",
++++++),
++++);
++}
}
class+MyHomePage+extends+StatefulWidget+{
++MyHomePage({Key+key,+this.title})+:+super(key:+key);

++final+title;

++@override
++_MyHomePageState+createState()+=>+_MyHomePageState();
}

class+_MyHomePageState+extends+State<MyHomePage>+{

++@override
++Widget+build(BuildContext+context)+{
++++var+stringListReturnedFromApiCall+=+["first",+"second",+"third",+"fourth",+"..."];
++++//+This+list+of+controllers+can+be+used+to+set+and+get+the+text+from/to+the+TextFields
++++Map<String,TextEditingController>+textEditingControllers+=+{};
++++var+textFields+=+<TextField>[];
++++stringListReturnedFromApiCall.forEach((str)+{
++++++var+textEditingController+=+new+TextEditingController(text:+str);
++++++textEditingControllers.putIfAbsent(str,+()=>textEditingController);
++++++return+textFields.add(+TextField(controller:+textEditingController));
++++});

++++return+Scaffold(
++++++++appBar:+AppBar(
++++++++++title:+Text(widget.title),
++++++++),
++++++++body:+SingleChildScrollView(
++++++++++++child:+new+Column(
++++++++++++++children:[
++++++++++++++Column(children:++textFields),
++++++++++++++++RaisedButton(
++++++++++++++++++child:+Text("Print+Values"),
++++++++++++++++++++onPressed:+(){
++++++++++++++++++++stringListReturnedFromApiCall.forEach((str){
++++++++++++++++++++++print(textEditingControllers[str].text);
++++++++++++++++++++});
++++++++++++++++++})
++++++++++++++]
++++++++++++)));
++}
}|code-block|syntax|javascript|4209803|当你写一些东西到文本域并点击打印按钮结果；|4209804|flutter:+first+controller+text
flutter:+second+controller+text
flutter:+third+controller+text
flutter:+fourth+controller+text
flutter:+so+on+.......|4209805|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I just modified @Felix's answer with using Map to store TextEditingControllers instead of list. I think its easy to call textEditingControllers with key value pairs. 
Modified code block;

<pre><code>import 'package:flutter/material.dart';

void main() =&gt; runApp(MyApp());

class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
 return MaterialApp(
 title: "MyHomePage",
 theme: ThemeData(
 primarySwatch: Colors.blue,
 ),
 home: MyHomePage(
 title: "MyHomePage",
 ),
 );
 }
}
class MyHomePage extends StatefulWidget {
 MyHomePage({Key key, this.title}) : super(key: key);

 final title;

 @override
 _MyHomePageState createState() =&gt; _MyHomePageState();
}

class _MyHomePageState extends State&lt;MyHomePage&gt; {

 @override
 Widget build(BuildContext context) {
 var stringListReturnedFromApiCall = ["first", "second", "third", "fourth", "..."];
 // This list of controllers can be used to set and get the text from/to the TextFields
 Map&lt;String,TextEditingController&gt; textEditingControllers = {};
 var textFields = &lt;TextField&gt;[];
 stringListReturnedFromApiCall.forEach((str) {
 var textEditingController = new TextEditingController(text: str);
 textEditingControllers.putIfAbsent(str, ()=&gt;textEditingController);
 return textFields.add( TextField(controller: textEditingController));
 });

 return Scaffold(
 appBar: AppBar(
 title: Text(widget.title),
 ),
 body: SingleChildScrollView(
 child: new Column(
 children:[
 Column(children: textFields),
 RaisedButton(
 child: Text("Print Values"),
 onPressed: (){
 stringListReturnedFromApiCall.forEach((str){
 print(textEditingControllers[str].text);
 });
 })
 ]
 )));
 }
}
</code></pre>

when you write something to textfields and hit to print button results ;

<pre><code>flutter: first controller text
flutter: second controller text
flutter: third controller text
flutter: fourth controller text
flutter: so on .......
</code></pre>

blocks|key|4209262|text|也许这对你或其他人也有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4209263|createFieldsList(context)+{
++++thirdStepUserRegistration.value.forEach((key,+value)+{+////+This+line+will+loop+all+your+data+[ValueNotifier<Map<String,+dynamic>>+thirdStepUserRegistration]
++++++if+(!fieldsController.containsKey(key))+{
++++++++fieldsController[key]+=+TextEditingController();+////+This+one+will+create+you+a+list+of+controllers+that+u+need+for+your+fiels+[Map<String,+TextEditingController>+fieldsController]
++++++++fieldsList.add(+////You+will+be+creating+a+list+of+widget+which+is+textfields+[List<Widget>+fieldsList]
++++++++++Container(
++++++++++++height:+40.0,
++++++++++++margin:+EdgeInsets.only(bottom:+10),
++++++++++++width:+MediaQuery.of(context).size.width+-+100,
++++++++++++child:+PrimaryTextFormField(+//This+is+my+customize+textfield+you+can+create+yours
++++++++++++++controller:+fieldsController[key],
++++++++++++++keyboardType:+TextInputType.text,
++++++++++++++textCapitalization:+TextCapitalization.words,
++++++++++++++inputFormatters:+textFormatter(),
++++++++++++++hintText:+value,
++++++++++++),
++++++++++)
++++++++);
++++++}
++++});
++}

++Column+additionalDetails(BuildContext+context)+{
++++createFieldsList(context);
++++return+Column(+children:+fieldsList+);
++}|code-block|syntax|javascript|4209264|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

May be this can help you or other's as well.
<pre><code>createFieldsList(context) {
 thirdStepUserRegistration.value.forEach((key, value) { //// This line will loop all your data [ValueNotifier&lt;Map&lt;String, dynamic&gt;&gt; thirdStepUserRegistration]
 if (!fieldsController.containsKey(key)) {
 fieldsController[key] = TextEditingController(); //// This one will create you a list of controllers that u need for your fiels [Map&lt;String, TextEditingController&gt; fieldsController]
 fieldsList.add( ////You will be creating a list of widget which is textfields [List&lt;Widget&gt; fieldsList]
 Container(
 height: 40.0,
 margin: EdgeInsets.only(bottom: 10),
 width: MediaQuery.of(context).size.width - 100,
 child: PrimaryTextFormField( //This is my customize textfield you can create yours
 controller: fieldsController[key],
 keyboardType: TextInputType.text,
 textCapitalization: TextCapitalization.words,
 inputFormatters: textFormatter(),
 hintText: value,
 ),
 )
 );
 }
 });
 }

 Column additionalDetails(BuildContext context) {
 createFieldsList(context);
 return Column( children: fieldsList );
 }
</code></pre>

blocks|key|4209861|text|使用textEditingControllers列表而不是地图|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4209862|class+MyHomePage+extends+StatefulWidget+{
++MyHomePage({Key+key,+this.title})+:+super(key:+key);

++final+title;

++@override
++_MyHomePageState+createState()+=>+_MyHomePageState();
}

class+_MyHomePageState+extends+State<MyHomePage>+{
++var+stringListReturnedFromApiCall+=+["first",+"second",+"third",+"fourth",+"..."];
++List<TextEditingController>+textEditingControllers+=+[];

++@override
++void+initState()+{
++++super.initState();
++++stringListReturnedFromApiCall.forEach((String+str)+{
++++++var+textEditingController+=+TextEditingController(text:+str);
++++++textEditingControllers.add(textEditingController);
++++});
++}

++@override
++void+dispose()+{
++++super.dispose();
++++//+dispose+textEditingControllers+to+prevent+memory+leaks
++++for+(TextEditingController+textEditingController+in+textEditingControllers)+{
++++++textEditingController?.dispose();
++++}
++}

++@override
++Widget+build(BuildContext+context)+{
++++return+Scaffold(
++++++appBar:+AppBar(
++++++++title:+Text('title'),
++++++),
++++++body:+ListView.builder(
++++++++itemCount:+stringListReturnedFromApiCall.length,
++++++++itemBuilder:+(BuildContext+context,+int+index)+{
++++++++++return+Padding(
++++++++++++padding:+const+EdgeInsets.all(10.0),
++++++++++++child:+TextField(
++++++++++++++controller:+textEditingControllers[index],
++++++++++++),
++++++++++);
++++++++},
++++++),
++++);
++}
}|code-block|syntax|javascript|4209863|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Using list of textEditingControllers instead of map
<pre><code>class MyHomePage extends StatefulWidget {
 MyHomePage({Key key, this.title}) : super(key: key);

 final title;

 @override
 _MyHomePageState createState() =&gt; _MyHomePageState();
}

class _MyHomePageState extends State&lt;MyHomePage&gt; {
 var stringListReturnedFromApiCall = [&quot;first&quot;, &quot;second&quot;, &quot;third&quot;, &quot;fourth&quot;, &quot;...&quot;];
 List&lt;TextEditingController&gt; textEditingControllers = [];

 @override
 void initState() {
 super.initState();
 stringListReturnedFromApiCall.forEach((String str) {
 var textEditingController = TextEditingController(text: str);
 textEditingControllers.add(textEditingController);
 });
 }

 @override
 void dispose() {
 super.dispose();
 // dispose textEditingControllers to prevent memory leaks
 for (TextEditingController textEditingController in textEditingControllers) {
 textEditingController?.dispose();
 }
 }

 @override
 Widget build(BuildContext context) {
 return Scaffold(
 appBar: AppBar(
 title: Text('title'),
 ),
 body: ListView.builder(
 itemCount: stringListReturnedFromApiCall.length,
 itemBuilder: (BuildContext context, int index) {
 return Padding(
 padding: const EdgeInsets.all(10.0),
 child: TextField(
 controller: textEditingControllers[index],
 ),
 );
 },
 ),
 );
 }
}
</code></pre>

I am recreating an app I have previously made in Swift, and on one of my pages we call an API and based on the results, we present the user a dynamic number of textfields to search by different search parameters. 

Is there any good way to do this in Dart/Flutter? Since dart doesn't support generating code at runtime, is this even a possibility?

Flutter - Create dynamic number of texteditingcontrollers

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在重新创建一个我之前在Swift中创建的应用程序，在我的一个页面上，我们调用一个API，并根据结果向用户呈现一个动态数量的文本字段，以通过不同的搜索参数进行搜索。在Dart/Flutter中有什么好方法可以做到这一点吗？由于dart不支持在运行时生成代码，这有可能吗？

问Flutter -创建动态数量的文本编辑控制器
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flutter -创建动态数量的文本编辑控制器EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flutter -创建动态数量的文本编辑控制器
EN