Flutter 如何将2个listView放在一行中？

我希望能够把2个ListView放在一行中，这样它们就完全独立了，我可以动态地向其中添加项目。好像我有一列记录我的分数，旁边有一列记录杀戮次数

有人知道怎么做吗

我试过：

Row(
                  mainAxisSize: MainAxisSize.max,
                  children: <Widget>[
                    Container(
                      height: 200,
                      child: ListView(
                        children: <Widget>[
                          Text("Hey")
                        ],
                      ),
                    ),
                    VerticalDivider(),
                    Container(
                      height: 200,
                      child: ListView(
                          children: <Widget>[
                          Text("Hey")
                      ]),
                    ),
                  ],
                )

行(
mainAxisSize:mainAxisSize.max，
儿童：[
容器(
身高：200，
子：ListView(
儿童：[
文本（“嘿”）
],
),
),
垂直分隔器（），
容器(
身高：200，
子：ListView(
儿童：[
文本（“嘿”）
]),
),
],
)

这是我的全班同学：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class GamePage extends StatefulWidget {
  @override
  _GamePageState createState() => _GamePageState();
}

class _GamePageState extends State<GamePage>{
  @override
  Widget build(BuildContext context){
    return CupertinoPageScaffold(
        navigationBar: CupertinoNavigationBar(
          middle: Text("Jeu", style: TextStyle(fontSize: 20.0),),
        ),
        child: SafeArea(
          child: Container(
            padding: EdgeInsets.all(20),
            child: Column(
              children: <Widget>[
                CupertinoTextField(
                  placeholder: "Team 1",
                ),
                Container(padding: EdgeInsets.all(5.0),),
                Row(
                  children: <Widget>[
                    Expanded(child: Container(),),
                    Text("Annonces :", textAlign: TextAlign.center,),
                    Expanded(child: Container(),),
                    Text("Points réguliers :", textAlign: TextAlign.center,),
                    Expanded(child: Container(),),
                  ],
                ),
                Row(
                  mainAxisSize: MainAxisSize.max,
                  children: <Widget>[
                    Container(
                      height: 200,
                      child: ListView(
                        children: <Widget>[
                          Text("Hey")
                        ],
                      ),
                    ),
                    VerticalDivider(),
                    Container(
                      height: 200,
                      child: ListView(
                          children: <Widget>[
                          Text("Hey")
                      ]),
                    ),
                  ],
                )
              ],
            ),
          ),
        )
    );
  }
}

import'包装：flift/cupertino.dart'；
进口“包装：颤振/材料.省道”；
类GamePage扩展StatefulWidget{
@凌驾
_GamePageState createState（）=>\u GamePageState（）；
}
类_GamePageState扩展状态{
@凌驾
小部件构建（构建上下文）{
返回式CupertinoPageScaffold(
导航栏：CupertinoNavigationBar(
中间：文本（“Jeu”，样式：TextStyle（fontSize:20.0），），
),
儿童：安全区(
子：容器(
填充：边缘设置。全部（20），
子：列(
儿童：[
库珀提诺特斯菲尔德(
占位符：“第一队”，
),
容器（填充物：所有边缘集（5.0），），
划船(
儿童：[
已展开（子项：容器（），），
Text（“Annonces:，textAlign:textAlign.center，），
已展开（子项：容器（），），
Text（“Points réguliers:”，textAlign:textAlign.center，），
已展开（子项：容器（），），
],
),
划船(
mainAxisSize:mainAxisSize.max，
儿童：[
容器(
身高：200，
子：ListView(
儿童：[
文本（“嘿”）
],
),
),
垂直分隔器（），
容器(
身高：200，
子：ListView(
儿童：[
文本（“嘿”）
]),
),
],
)
],
),
),
)
);
}
}

---

有人有什么解决方案吗？

在您的列中，将行包装到容器中，如下面的代码所示。这也许能帮你找到你想要的

 Container(
        height: 200,
        child: Row(
          children: <Widget>[
            Expanded(
              child: ListView(
                children: <Widget>[
                  Container(
                    height: 200,
                    color: Colors.blue,
                  ),
                ],
              ),
            ),
            Expanded(
              child: ListView(
                children: <Widget>[
                  Container(
                    height: 200,
                    color: Colors.red,
                  ),
                ],
              ),
            ),
          ],
        ),
      )

容器(
身高：200，
孩子：排(
儿童：[
扩大(
子：ListView(
儿童：[
容器(
身高：200，
颜色：颜色，蓝色，
),
],
),
),
扩大(
子：ListView(
儿童：[
容器(
身高：200，
颜色：颜色，红色，
),
],
),
),
],
),
)

屏幕截图：

---

行(
儿童：[
灵活的(
子：容器(
颜色：Colors.teal，
子项：ListView.builder(
itemBuilder:（_，i）=>ListTile（标题：Text（“List1:$i”），
),
),
),
灵活的(
子：容器(
颜色：颜色。橙色，
子项：ListView.builder(
itemBuilder:（_，i）=>ListTile（标题：Text（“List2:$i”），
),
),
),
],
)

当您在问题中提到代码时，将两个listview排成一行时，您会遇到什么问题。

Row(
  children: <Widget>[
    Flexible(
      child: Container(
        color: Colors.teal,
        child: ListView.builder(
          itemBuilder: (_, i) => ListTile(title: Text("List1: $i")),
        ),
      ),
    ),
    Flexible(
      child: Container(
        color: Colors.orange,
        child: ListView.builder(
          itemBuilder: (_, i) => ListTile(title: Text("List2: $i")),
        ),
      ),
    ),
  ],
)