Flutter 行中项目溢出

Flutter 行中项目溢出,flutter,flutter-layout,Flutter,Flutter Layout,我的清单上有20个项目。我希望在一行中显示这些项目,每行仅显示3或4个项目(取决于项目的长度) 这是我的密码。我得到的结果是: 小部件构建(构建上下文){ var screenSize=MediaQuery.of(context).size; var width=屏幕大小.width; 返回脚手架( 主体:容器( 身高:50, 宽度:宽度, 颜色:主题。背景。原色, 孩子:排( crossAxisAlignment:crossAxisAlignment.stretch, 子项:列表.生成(se

我的清单上有20个项目。我希望在一行中显示这些项目,每行仅显示3或4个项目(取决于项目的长度)

这是我的密码。我得到的结果是:

小部件构建(构建上下文){
var screenSize=MediaQuery.of(context).size;
var width=屏幕大小.width;
返回脚手架(
主体:容器(
身高:50,
宽度:宽度,
颜色:主题。背景。原色,
孩子:排(
crossAxisAlignment:crossAxisAlignment.stretch,
子项:列表.生成(selectedStudentsIT.length,(索引){
回程包装(
儿童:[
容器(
宽度:100,
孩子:卡片(
颜色:颜色,白色,
语义容器:对,
clipBehavior:Clip.antiAliasWithSaveLayer,
形状:圆形矩形边框(
边界半径:边界半径。圆形(10.0),
),
标高:5,
保证金:所有(10),
儿童:中心(
子:文本(
“myowntext”,//使用索引从列表中删除项
样式:TextStyle(
颜色:颜色,蓝色,
fontWeight:fontWeight.bold,
字体大小:15.0,
),
),
),
),
)
],
);
}),
),
),
);
}

我也尝试过WRAP小部件、Flex和expanded。但它并没有解决我的问题。

使用SingleChlidScrollView包装您的行

SingleChildScrollView(scrollDirection:Axis.horizontal,child:Row(children......

使用SingleChlidScrollView包装行

SingleChildScrollView(scrollDirection:Axis.horizontal,child:Row(children......

你需要一个列表视图而不是一行你需要一个列表视图而不是一行谢谢。它解决了我的问题。但是,我只需要显示每行3个项目。有什么提示吗?如果是这样,那么您需要GridView。非常感谢。它解决了我的问题。但是,我只需要显示每行3个项目。有什么提示吗?如果是这样,那么您需要GridView。