Android 如何在flatter中创建包含文本和分隔符的详细信息框

Android 如何在flatter中创建包含文本和分隔符的详细信息框,android,ios,flutter,frameworks,flutter-layout,Android,Ios,Flutter,Frameworks,Flutter Layout,我想做到这一点: 我是一个新手,我正在尝试设计一些UI来学习;阅读文档时,我想通过使用和来实现这一点,但我不知道如何更改具有圆形边框、背景色等内容的列的样式+我不知道应该使用哪个小部件来显示文本。谁能帮帮我,给我举几个例子吗 您可以使用卡、列表视图和列表互动程序小部件来实现UI设计,而不是列小部件 -为其子对象提供圆形边框 -根据滚动方向将小部件加载为可滚动 -ListView的内置子窗口小部件 找到下面的代码片段 return Card( margin: EdgeIn

我想做到这一点:


我是一个新手,我正在尝试设计一些UI来学习;阅读文档时,我想通过使用和来实现这一点,但我不知道如何更改具有圆形边框、背景色等内容的列的样式+我不知道应该使用哪个小部件来显示文本。谁能帮帮我,给我举几个例子吗

您可以使用
列表视图
列表互动程序
小部件来实现UI设计,而不是
小部件

  • -为其子对象提供圆形边框
  • -根据滚动方向将小部件加载为可滚动
  • -ListView的内置子窗口小部件
找到下面的代码片段

    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'),
            subtitle: Text('Subtitle'),
          ),
          Divider(),
          ListTile(
            title: Text('Title'),
            subtitle: Text('Subtitle'),
          ),
          Divider(),
          ListTile(
            title: Text('Title'),
            subtitle: Text('Subtitle'),
          ),
          Divider(),
          ListTile(
            title: Text('Title'),
            subtitle: Text('Subtitle'),
          ),
          Divider(),
          ListTile(
            title: Text('Title'),
            subtitle: Text('Subtitle'),
          ),
          Divider(),
          ListTile(
            title: Text('Title'),
            subtitle: Text('Subtitle'),
          ),
        ],
      ),
    );

感谢我所需要的一切,我尝试了一下,但出现了错误“RenderBox未布局”。我做了一个小调查,试图在ListView中添加shrinkWrap:true。它可以工作,但列表不再可滚动。建议?我刚刚添加了用于填充屏幕高度的ListTile小部件。如果要使其可滚动,可以在ListView.children属性中添加更多ListTile小部件。。