Question

我正在尝试在列中的某些文本之后显示列表视图。文本在第一行中正确显示，直到我在下一行中添加列表视图为止。添加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,
    )
  );
 }
}

Answer 1

更改如下：

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

Answer 2

您的ListView应该具有固定的Size。尝试将ListView包装在容器中。

我运行您的代码并将其修复。将下面的代码替换为myList()：

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

Listview未显示在Flutter的行中

2 个答案: