Flutter 容器中的颤振动力学数据
我是一个新手,我必须说我对c#background印象深刻,我能够在不到五分钟的时间内完成一个水平的列表视图,其中包含一些容器 然而,我希望我的容器能够动态地显示列表内容。到目前为止,我所拥有的是一个构建颜色的小部件Flutter 容器中的颤振动力学数据,flutter,dart,Flutter,Dart,我是一个新手,我必须说我对c#background印象深刻,我能够在不到五分钟的时间内完成一个水平的列表视图,其中包含一些容器 然而,我希望我的容器能够动态地显示列表内容。到目前为止,我所拥有的是一个构建颜色的小部件 Widget horizontalList2 = new Container( margin: EdgeInsets.symmetric(vertical: 20.0), height: 200.0, child: new ListView( scro
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开发人员的想法和概念前端缺少易于使用的东西