dart Flutter中的最后一个子边框

xesrikrc  于 2023-10-13  发布在  Flutter
关注(0)|答案(1)|浏览(108)

在React中,有多种方法可以访问和样式化最后一个子对象。然而,我还没有看到任何这样做的例子。
如果你们能给点建议我会很感激的。

qxgroojn

qxgroojn1#

如果您有一个ListView或Column,且子节点的数量已知,并且您希望对最后一个子节点设置不同的样式,则可以使用children属性并通过其索引访问最后一个子节点。

ListView(
  children: [
    // Other children
    for (int i = 0; i < items.length; i++)
      ListTile(
        title: Text(items[i]),
        // Style the last child differently
        tileColor: i == items.length - 1 ? Colors.blue : null,
      ),
  ],
)

如果您正在使用ListView.builder或在列中有动态子项,则可以使用条件来确定当前项是否是最后一个子项。

ListView.builder(
  itemCount: items.length,
  itemBuilder: (BuildContext context, int index) {
    return ListTile(
      title: Text(items[index]),
      // Style the last child differently
      tileColor: index == items.length - 1 ? Colors.blue : null,
    );
  },
)

相关问题