flutter - 如何在 Flutter 中创建动态 Widget
问题描述
我是颤振开发的新手。我需要构建一个回调方法,它将返回动态小部件。现在我很简单的写下一个静态的TextWidget。下面是代码
Widget buildArrayItemContentFromList(
BuildContext ctx, Map<String, dynamic> data, int index) {
return Row(
children: (this.itemBuilder as List).map<Widget>((field) {
String value;
if (field is Function)
value = field(data);
else
value = data.containsKey(field) ? data[field].toString() : '';
return Text(
value,
style: TextStyle(fontSize: 14),
);
}).toList(),
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
);
}
我的全班都在这里
解决方案
ListView.builder(
itemCount: field.length,
itemBuilder: (BuildContext context,int index){
String value;
if (field is Function)
value = field(data);
else
value = data.containsKey(field) ? data[field].toString() : '';
return ListTile(
title: Text(
value,
style: TextStyle(fontSize: 14),
),
);
}
),
推荐阅读
- mongodb - Robo 3T:在将集合导出到 JSON 时填充 Javascript 函数调用的实际值
- javascript - 安装模块与使用其 url 包含模块之间的主要区别是什么?
- php - PHP:如何“空”一个类结果
- amazon-s3 - PIXI.JS:将 Origin 从 API Gateway 切换到 NGINX 后 Cloudfront+S3 出现 CORS 问题
- c++ - C++ 中的 HackerRank 大排序分段错误
- javascript - 为 WebDriver.IO 页面对象传入一个变量而不是静态字符串
- typescript - 如何在按钮单击时禁用 p5 画布
- sass - 从 Sass 映射中获取数字而不是字符串
- reactjs - 我想在 Laravel 项目中使用 TypeScript 和 React
- python - Dataframe groupby 计算频率并写入 Excel