【问题标题】: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
  • 请您再解释一下。其实我是新手。

标签: flutter dart listview gridview fluttermap


【解决方案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']),
      ),
    );
  },
),

【讨论】:

    猜你喜欢
    • 2019-01-16
    • 1970-01-01
    • 2014-07-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-09
    • 1970-01-01
    • 2017-12-29
    相关资源
    最近更新 更多