如何将2个listView排成一行？

Question

我希望能够将 2 个 ListView 排成一行，这样它们就完全独立，并且我可以动态地向其中添加项目。就好像我有一个分数列，旁边还有一个击杀数列。

\n\n

有人知道怎么做吗？

\n\n

我尝试过：

\n\n

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

\n\n

这是我的完整课程：

\n\n

import \'package:flutter/cupertino.dart\';\nimport \'package:flutter/material.dart\';\n\nclass GamePage extends StatefulWidget {\n  @override\n  _GamePageState createState() => _GamePageState();\n}\n\nclass _GamePageState extends State<GamePage>{\n  @override\n  Widget build(BuildContext context){\n    return CupertinoPageScaffold(\n        navigationBar: CupertinoNavigationBar(\n          middle: Text("Jeu", style: TextStyle(fontSize: 20.0),),\n        ),\n        child: SafeArea(\n          child: Container(\n            padding: EdgeInsets.all(20),\n            child: Column(\n              children: <Widget>[\n                CupertinoTextField(\n                  placeholder: "Team 1",\n                ),\n                Container(padding: EdgeInsets.all(5.0),),\n                Row(\n                  children: <Widget>[\n                    Expanded(child: Container(),),\n                    Text("Annonces :", textAlign: TextAlign.center,),\n                    Expanded(child: Container(),),\n                    Text("Points r\xc3\xa9guliers :", textAlign: TextAlign.center,),\n                    Expanded(child: Container(),),\n                  ],\n                ),\n                Row(\n                  mainAxisSize: MainAxisSize.max,\n                  children: <Widget>[\n                    Container(\n                      height: 200,\n                      child: ListView(\n                        children: <Widget>[\n                          Text("Hey")\n                        ],\n                      ),\n                    ),\n                    VerticalDivider(),\n                    Container(\n                      height: 200,\n                      child: ListView(\n                          children: <Widget>[\n                          Text("Hey")\n                      ]),\n                    ),\n                  ],\n                )\n              ],\n            ),\n          ),\n        )\n    );\n  }\n}\n

\n\n

有人有解决办法吗？

\n

Answer 1

截屏：

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")),
        ),
      ),
    ),
  ],
)