Question

我在这里有一个关于创建行和列的问题。我需要每行添加4张卡片。我可能有N张卡。

我的问题是：我需要一个

return FutureBuilder(
        future: getAllWords(args.collectionId),
        builder: (context, snapshot) {
          if (!snapshot.hasData) {
            return CircularProgressIndicator();
          }
          return ListView.builder(
              scrollDirection: Axis.horizontal,
              itemCount: 3,
              itemBuilder: (context, index) {

                //Future that returns a list of 3 integers
                getRestRandom(args.collectionId).then(handler); 
                int handler(picked){
                  return picked;
                }

                    return ButtonBar(
                      children: <Widget>[
                        OutlineButton(
                            child: Text(snapshot
                                .data[picked] // 1st, 2nd, and 3rd value from List
                                .data["tagalog"]),
                            onPressed: checkCorrect
                                ? () {
                                    setState(() {

                                    });
                                  }
                                : () {
                                    print("FALSE");
                                  })
                      ],
                );
              });
        });

每一行？或者我可以用一行来封装所有

getRestRandom(args.collectionId).then(handler);

？据我了解，当我使用col-sm-3时，我已经说过每行将有4张卡片（4 x 3 = 12）。

问题是当我仅使用一行来封装一切正常时。但是我不确定正确的方法。那正确吗？每4列应该有1个OutlineButton吗？还是在一排中有20张卡片可以吗？当我尝试每4列有1行时，它破坏了代码并且无法正常工作。它会显示整个内容，但是在短暂的一秒钟内，它会闪烁并一切都消失。

Answer 1

请查看Bootstrap文档以获取更深入的解释。据我了解您的问题，div class =“ row”，在该类中放入col-class。因此只需要一行。

如何使用引导程序确定每行的卡数？

1 个答案: