Flutter 容器中的颤振动力学数据

Flutter 容器中的颤振动力学数据,flutter,dart,Flutter,Dart,我是一个新手,我必须说我对c#background印象深刻,我能够在不到五分钟的时间内完成一个水平的列表视图,其中包含一些容器 然而,我希望我的容器能够动态地显示列表内容。到目前为止,我所拥有的是一个构建颜色的小部件 Widget horizontalList2 = new Container( margin: EdgeInsets.symmetric(vertical: 20.0), height: 200.0, child: new ListView( scro

我是一个新手,我必须说我对c#background印象深刻,我能够在不到五分钟的时间内完成一个水平的列表视图,其中包含一些容器

然而,我希望我的容器能够动态地显示列表内容。到目前为止,我所拥有的是一个构建颜色的小部件

 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,   
    child:Text("Test"),

    child: Image.network(
          'https://flutter.io/images/catalog-widget-placeholder.png',
          height: 100,
          width: 150
        ) 

    )
Widget horizontalList2=新容器(
边缘:边缘组。对称(垂直:20.0),
高度:200.0,
子:新列表视图(
滚动方向:轴水平,
儿童:[
容器(宽度:160.0,颜色:Colors.blue,),
容器(宽度:160.0,颜色:Colors.green,),
容器(宽度:160.0,颜色:Colors.cyan,),
容器(宽度:160.0,颜色:Colors.black,
子项:文本(“测试”),
孩子:Image.network(
'https://flutter.io/images/catalog-widget-placeholder.png',
身高:100,
宽度:150
) 
)
但正如你所见,我正在尝试创建另一个文本元素,我想要图像,然后是一点文本和另一个文本,这与Netflix的工作方式非常相似,但它是用于天气应用程序的

有人能解释一下子元素是如何工作的吗?一个容器中不能有多个子元素。原因是当我尝试此操作时,出现了以下错误。我应该怎么做才能有第二个子元素text,并以动态POCO列表的listview为基础

容器包含的[子项]

如果为null,并且[constraints]是无界的或也是null,则容器将扩展以填充其父容器中的所有可用空间,除非父容器提供无界约束,在这种情况下,容器将尝试尽可能小


您应该使用多子布局小部件,这些小部件接受
子项
而不是
子项
。一个很好的例子可能是
堆栈

不要害怕嵌套你的小部件,你会做很多

ListView
  Container
    Row
      Text
      Image
      Icon
  Container
    Row
      Text
      Image
      Icon
当您发现自己像这样重复小部件树时,请创建一个输出子树的自定义小部件。上述内容可能会变成:

ListView
  MyColoredListItem
  MyColoredListItem
您可以在颤振文档中找到多子布局小部件的完整列表:

有关创建自己的小部件的更多信息,请参见:


如果你想添加更多元素,你可以使用
,他们将
儿童
作为一个论据,在受到xamrain的挫折后,我喜欢.net开发人员的想法和概念前端缺少易于使用的东西