android–Flutter中水平列表的列表

概述我已经按照这个tutorial并完全实现了一个水平滚动列表.现在,我想要做的是创建一个垂直列表,其中每一行都是一个水平列表.我尝试了不同的方法,但我一直认为应该可以简单地将水平列表设置为垂直列表的子项,但它不起作用.我的代码是：Widgetbuild(BuildContextcontext){return

我已经按照这个tutorial并完全实现了一个水平滚动列表.
现在,我想要做的是创建一个垂直列表,其中每一行都是一个水平列表.

我尝试了不同的方法,但我一直认为应该可以简单地将水平列表设置为垂直列表的子项,但它不起作用.

我的代码是：

Widget build(BuildContext context) {return new Scaffold(  body: Container(      margin: EdgeInsets.symmetric(vertical: 20.0),      height: 160.0,      child: ListVIEw(        children: <Widget>[          Text("First line"),          horizontallist(),          Text("Second line"),          horizontallist()        ],      )  ),  drawer: new MyNavigationDrawer(),);}

我也尝试将各种水平列表放在ListTiles中,但结果是一样的.

解决方法:

我想你想要的是另一个列表中的列表
以下是您所遵循的示例程序的改编
构建方法如下：

 Widget build(BuildContext context) {    Widget horizontallist1 = new Container(      margin: EdgeInsets.symmetric(vertical: 20.0),      height: 200.0,      child: new ListVIEw(      scrollDirection: Axis.horizontal,      children: <Widget>[        Container(wIDth: 160.0, color: colors.red,),        Container(wIDth: 160.0, color: colors.orange,),        Container(wIDth: 160.0, color: colors.pink,),        Container(wIDth: 160.0, color: colors.yellow,),      ],    )    );    Widget horizontallist2 = new Container(        margin: EdgeInsets.symmetric(vertical: 20.0),        height: 200.0,        child: new ListVIEw(      scrollDirection: Axis.horizontal,      children: <Widget>[        Container(wIDth: 160.0, color: colors.blue,),        Container(wIDth: 160.0, color: colors.green,),        Container(wIDth: 160.0, color: colors.cyan,),        Container(wIDth: 160.0, color: colors.black,),      ],    )    );    return new Scaffold(      appbar: new Appbar(        Title: new Text(Widget.Title),      ),      body: new Center(        child: new Container(          child: ListVIEw(            scrollDirection: Axis.vertical,            children: <Widget>[              horizontallist1,              horizontallist2,            ],          ),        ),      ), // This trailing comma makes auto-formatting nicer for build methods.    );

结果如下：

希望能帮助到你

总结

以上是内存溢出为你收集整理的android – Flutter中水平列表的列表全部内容，希望文章能够帮你解决android – Flutter中水平列表的列表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。