Flutter Как отобразить список с помощью цикла
Я создал простой список, чтобы показать его с помощью цикла for.
List categories = [
{
{
'CatID': '0',
'CatName': 'All'
},
{
'CatID': '1',
'CatName': 'Computer Hardware'
},
{
'CatID': '2',
'CatName': 'Computer Software'
},
}
];
затем я определяю такой виджет
List<Widget> CatWidget = List<Widget>();
Тогда я использую это так
for (int i = 0; i < 8; i++) {
CatWidget.add(
Container(
child: Text(categories[i]['CatName']),
),
);
}
Показывает ошибку Class '_CompactLinkedHashSet<Map<String, String>>' has no instance method '[]'.
Ответы
В вашем списке слишком много фигурных скобок:
List categories = [
{
'CatID': '0',
'CatName': 'All'
},
{
'CatID': '1',
'CatName': 'Computer Hardware'
},
{
'CatID': '2',
'CatName': 'Computer Software'
},
];
И ваш цикл должен работать до 3 не 8 , потому что вы не имеете 8.
Таким образом, следующее будет работать, однако я рекомендую вам проверить другой ответ для лучшего подхода в целом:
import 'package:flutter/material.dart';
void main() {
List categories = [
{
'CatID': '0',
'CatName': 'All'
},
{
'CatID': '1',
'CatName': 'Computer Hardware'
},
{
'CatID': '2',
'CatName': 'Computer Software'
},
];
final catWidget = List<Widget>();
for (int i = 0; i < 3; i++) {
catWidget.add(
Container(
child: Text(categories[i]['CatName']),
),
);
}
runApp(MyApp(catWidget));
}
class MyApp extends StatelessWidget {
final List<Widget> children;
const MyApp(this.children);
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Column(children: children),
),
);
}
}
Вы можете использовать list.generate для прокрутки вашего списка и возврата виджета.
Column(
children: List.generate(
tags.length,
(index) => Container(
// margin: EdgeInsets.symmetric(),
child: NativeButton(
borderRadius: BorderRadius.circular(4),
padding: EdgeInsets.symmetric(
vertical: sizeConfig.height(.01),
horizontal: sizeConfig.width(.02),
),
color: Colors.grey[200],
child: Text(tags[index]),
),
),
),
),
У вас есть массив JSON, внутри массива JSON у вас есть объект JSON, а внутри этого объекта JSON у вас есть несколько объектов JSON, которые вы хотите перебирать один за другим, что неуместно.
Массив JSON> Истинные объекты JSON
JSON Array> JSON Array> JSON Object (s) True
Массив JSON> Объект JSON> Объект (ы) JSON Ложь
Цикл For может работать только с массивом или списком объектов, а json должен быть таким:
[
{
'CatID': '0',
'CatName': 'All'
},
{
'CatID': '1',
'CatName': 'Computer Hardware'
},
{
'CatID': '2',
'CatName': 'Computer Software'
},
]