如何在列表上方添加按钮？答案

【问题标题】：How can I add a button above a list?如何在列表上方添加按钮？
【发布时间】：2020-09-01 14:49:05
【问题描述】：

我尝试在ListView 上方添加RaisedButton。我使用了Colum，但出现错误。谁能告诉我我的错误在哪里？提前致谢！

 body: Column(
        children: <Widget>[
          RaisedButton(
            child: Text("Test"),
            onPressed: null,
          ),
          ListView.builder(
            itemCount: exercises.length,
            itemBuilder: (context, i) {
              return Container(
                child: Text(
                  exercises[i]["text"],
                ),
              );
            },
          ),
        ],
      ),

【问题讨论】：

标签： flutter dart flutter-layout flutter-listview

【解决方案1】：

添加到@Viren 答案，您应该使用 Flexible 而不是 Expanded

body: Column(
        children: <Widget>[
          RaisedButton(
            child: Text("Test"),
            onPressed: null,
          ),
          Flexible(
            child: Container(
              child: ListView.builder(
                itemCount: 5,
                itemBuilder: (context, i) {
                  return Container(
                    child: Text(
                      'jitesh',
                    ),
                  );
                },
              ),
            ),
          )
        ],
      ),

请查找差异Flutter: Expanded vs Flexible

【讨论】：

【解决方案2】：

您需要用 Expanded 小部件包装您的列表视图。

     body: Column(
    children: <Widget>[
      RaisedButton(
        child: Text("Test"),
        onPressed: null,
      ),
      Expanded( // added widget
     child: ListView.builder(
        itemCount: exercises.length,
        itemBuilder: (context, i) {
          return Container(
            child: Text(
              exercises[i]["text"],
            ),
          );
        },
      ),
    ],
  ),
  )

【讨论】：