flutter listTitle设置底部线条

在Flutter中，如果你想要在`ListView`的底部添加一条分割线，通常会使用`ListView`的`divider`属性以及`Scaffold`中的`bottomNavigationBar`或者自定义的`FloatingActionButton`下面添加一条`Divider`。例如：

// 在ListView中添加分割线
ListView.builder(
  itemCount: yourData.length,
  itemBuilder: (BuildContext context, int index) {
    // ... 你的item构建代码
  },
  divider: const Divider(), // 添加默认的简单分割线
)

// 或者如果你需要更复杂的样式，可以创建一个自定义的Divider
class CustomDivider extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 1, // 线条高度
      decoration: BoxDecoration(
        color: Colors.lightGray, // 设置颜色
        borderRadius: BorderRadius.circular(5), // 可选的圆角
      ),
    );
  }
}

ListView.builder(
  // ...
  divider: CustomDivider(), // 使用自定义分割线
)

如果你想在`Scaffold`底部单独添加线条，可以在`bottomNavigationBar`或`floatingActionButton`之后直接添加`Row`或`CustomPaint`等 widget 并绘制一条线。

Scaffold(
  body: YourListWidget(),
  bottomNavigationBar: ..., // 如果有导航栏
  // 在这里添加分割线
  bottomSheet: Column(
    children: [
      SizedBox(height: 16),
      CustomDivider(), // 或者 Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Text('分割线左边'),
        SizedBox(width: 8),
        Text('分割线右边'),
      ],
    ],
  ),
)