如何在颤动中将格式从列表视图更改为网格视图？

Posted 2023-02-23

【中文标题】如何在颤动中将格式从列表视图更改为网格视图？

【英文标题】：How to change format from list view to grid view in flutter?

【发布时间】：2022-01-20 20:41:12

【问题描述】：

我正在制作一个测验应用程序，但选项采用列表格式。但我想要网格视图中的选项。

...(_questions[_questionIndex]['answers']
                as List<Map<String, Object>>)
            .map(
          (answer) => Answer(
            answerText: answer['answerText'],
            answerColor: answerWasSelected
                ? answer['score']
                    ? Colors.green
                    : Colors.red
                : null,
            answerTap: () 
              // if answer was already selected then nothing happens onTap
              if (answerWasSelected) 
                return;
              

我的选项是这种格式： Current option format

但我希望它们采用 2*2 格式（2 行和两列）。

【问题讨论】：

使用 gridview.builder 设置你的crossxiscount - 2

请您再解释一下。其实我是新手。

【参考方案1】：

类似的东西

 GridView.builder(
  itemCount: data.length,`// length of the list
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 2 ),
  itemBuilder: (BuildContext context, int index) 
    return new Card(
      child: new GridTile(
        footer: new Text(data[index]['name']),
        child: new Text(data[index]
            ['image']),
      ),
    );
  ,
),