比較兩個串列時出現FlutterRangeError

您好，我有 2 個串列，我想在ListViewBuilder.

名單：

List times = ['08:30', '09:00', '09:30', '10:00', '13:00'];
List obj = [true,false,true];

我試過這個：

ListView.builder(
                controller: scrollController,
                shrinkWrap: true,
                itemCount: times.length,
                itemBuilder: (BuildContext context, int index) {
                  return Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: InkWell(
                      onTap: () {
                        setState(() {
                          selected = index;
                          debugPrint(tarih[index]);
                        });
                      },
                      child: Container(
                        color: obj[index] ? Colors.yellow : Colors.red,
                        height: 30,
                        width: 12,
                        child: Text(times[index]),
                      ),
                    ),
                  );
                },
              ),

這是錯誤：

我知道這個錯誤的原因是什么。因為obj.length不匹配times.length

但我仍然想創建另一個Containers. 我該如何解決這個問題？

uj5u.com熱心網友回復：

許多方法可以避免這種 min(int,int)方法使用最低整數查找

obj[min(index,obj.length-1)] ? Colors.yellow : Colors.red,

小部件可能喜歡這個

      ListView.builder(
        // controller: scrollController,
        shrinkWrap: true,
        itemCount: times.length,
        itemBuilder: (BuildContext context, int index) {
          return Padding(
            padding: const EdgeInsets.all(8.0),
            child: InkWell(
              onTap: () {
                setState(() {
                  selected = index;
                  // debugPrint(tarih[index]);
                });
              },
              child: Container(
                color: obj[min(index,obj.length-1)] ? Colors.yellow : Colors.red,
                height: 30,
                width: 12,
                child: Text(times[index]),
              ),
            ),
          );
        },
      )

你嘗試實作

class _MyAppState extends State<MyApp> {
  int selected = 0;

  @override
  void initState() {
    super.initState();
  }

  List times = ['08:30', '09:00', '09:30', '10:00', '13:00'];
  List obj = [];

  @override
  Widget build(BuildContext context) {
    var column = Column(
      children: [
        Container(
          height: 200,
          child: Row(
            children: [
              Expanded(
                child: Image.network(
                  "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Salto_del_Angel-Canaima-Venezuela08.JPG/1200px-Salto_del_Angel-Canaima-Venezuela08.JPG",
                  // fit: BoxFit.cover,
                  fit: BoxFit.fitWidth,
                ),
              ),
            ],
          ),
        )
      ],
    );
    obj = List.generate(times.length, (index) => false);
    var children2 = [
      ListView.builder(
        // controller: scrollController,
        shrinkWrap: true,
        itemCount: times.length,
        itemBuilder: (BuildContext context, int index) {
          if (selected == index)
            obj[index] = true;
          else
            obj[index] = false;
          return Padding(
            padding: const EdgeInsets.all(8.0),
            child: InkWell(
              onTap: selected != index
                  ? () {
                      setState(() {
                        selected = index;
                        print(selected);
                        // debugPrint(tarih[index]);
                      });
                    }
                  : null,
              child: Container(
                color: obj[index]
                    ? Colors.yellow
                    : Colors.red,
                height: 30,
                width: 12,
                child: Text(times[index]),
              ),
            ),
          );
        },
      ),
      DropdownButton(
          items: [
            DropdownMenuItem(
              child: Text("1"),
              value: "1",
              onTap: () {},
            )
          ],
          onChanged: (values) {
            // _dropdown1=values;
          })
    ];
    return MaterialApp(
      // theme: theme(),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
          appBar: AppBar(),
          body: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: children2,
          )),
    );
  }
}

uj5u.com熱心網友回復：

好吧，可能還有其他方法可以做到這一點，我所做的是，只是按順序復制 obj 串列項與時間串列中的項一樣多。如果數字不相等，最后添加剩余的數字。

 List times = [
'08:30',
'09:00',
'09:30',
'10:00',
'13:00',
'13:00',
'13:00',
'13:00',
'13:00',
];

List obj = [true, false, true];

@override
Widget build(BuildContext context) {
// Remaining length of times list after we copy
int remaining = times.length % obj.length;
//Exact Number of times to copy obj
int exactNumber = (times.length - remaining) ~/ obj.length;
List shallowList = [];
// Using for loop copy the list as many as exactNumber
for (int i = 0; i < exactNumber; i  ) {
  shallowList  = obj;
}
// Add add remaining subList 
// Then we have obj list with same length as times
List finalShallowList = [...shallowList, ...obj.sublist(0, remaining)];
// Create Separate Index for obj that we can reset
return Scaffold(
  body: Container(
    child: ListView.builder(
      shrinkWrap: true,
      itemCount: times.length,
      itemBuilder: (BuildContext context, int index) {
        return Padding(
          padding: const EdgeInsets.all(8.0),
          child: InkWell(
            onTap: () {},
            child: Container(
               // Loop over finalShallowList instead of obj
              color: finalShallowList[index] ? Colors.yellow : Colors.red,
              height: 30,
              width: 12,
              child: Text(times[index]),
            ),
          ),
        );
      },
    ),
  ),
);

標籤：扑 列表显示

上一篇：顫振下拉容器/小部件

下一篇：如何將影像調整為寬度并隱藏顫動中的垂直溢位