flutter 做一个动态列表,每行最左边有个小图标加文字参数,最右边是数据
时间: 2023-12-11 20:02:04 浏览: 212
你可以使用`ListView.builder`来创建一个动态列表,同时在每一行中使用`Row`来布局小图标、文字和数据。以下是一个示例代码:
```dart
ListView.builder(
itemCount: data.length,
itemBuilder: (BuildContext context, int index) {
return Row(
children: [
// 左侧小图标和文字
Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
children: [
Icon(Icons.star),
SizedBox(width: 8.0),
Text("参数"),
],
),
),
// 右侧数据
Expanded(
child: Text(data[index]),
),
],
);
},
)
```
其中`data`是一个包含数据的列表,你可以根据自己的需求来修改。在示例中,左侧使用了`Icon`和`Text`来展示小图标和文字,你也可以根据自己的需求来替换。右侧使用了`Expanded`来填充剩余的空间,以展示数据。
阅读全文