首页 > 解决方案 > 列表视图未显示在 Flutter 的行内

问题描述

我试图在一列中的一些文本之后显示一个列表视图。文本在第一行内正确显示,直到我在下一行中添加一个列表视图。添加 ListView 后,一切都消失了。

这是代码:

class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(

    title: Text(widget.title),
  ),
  body: Padding(
    padding: const EdgeInsets.all(16.0),
    child: Column(
      children: <Widget>[
        Row(
          children: <Widget>[
            Text(
              "Prayer Time",
              style: TextStyle(fontSize: 20, fontWeight: 
 FontWeight.normal),
            ),
          ],
        ),
        Row(
          children: <Widget>[myList()],
        ),
      ],
    ),
  ),
  floatingActionButton: FloatingActionButton(
    tooltip: 'Add Alarm',
    child: Icon(Icons.add),
    backgroundColor: const Color(0xff0A74C5),
  ), 
  );
}

Expanded myList() {
return Expanded(
    child: ListView.builder(
      itemBuilder: (context, position) {
        return Card(
          child: Text(androidVersionNames[position]),
        );
      },
      itemCount: androidVersionNames.length,
    )
  );
 }
}

标签: flutterrowflutter-layout

解决方案


像这样改变:

  Expanded(
              child: Row(
                children: <Widget>[myList()],
              ),
            ),

推荐阅读