如何解决如何在颤动中创建带有文本和分隔线的详细信息框
我想实现这一目标:
我是 Flutter 新手,我正在尝试设计一些 UI 以供学习;阅读文档我想通过使用 Column 和 Dividers 来实现这一点,但我不知道如何更改带有圆角边框、背景颜色和类似内容的列的样式 + 我不知道不知道我应该为文本使用哪个小部件。任何人都可以帮我,也许给我一些例子?!
解决方法
您可以使用 Column
、Card
和 ListView
小部件代替 ListTile
小部件来实现 UI 设计。
找到下面的代码片段。
return Card(
margin: EdgeInsets.all(5.0),shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),color: Colors.grey.withOpacity(0.25),child: ListView(
scrollDirection: Axis.vertical,children: [
ListTile(
title: Text('Title'),subtitle: Text('Subtitle'),),Divider(),ListTile(
title: Text('Title'),],);