颤振-在gridview上缠绕时如何设置宽度?
当我想使用颤振-在gridview上缠绕时如何设置宽度?,gridview,flutter,dart,widget,Gridview,Flutter,Dart,Widget,当我想使用GridView制作一个类似的Tags小部件时,我遇到了一个问题, 见结果: 我希望如下图所示: 但是按钮的宽度是从GridViewwrapping自动设置的 如何动态设置宽度 任何回答都将不胜感激。您正在尝试(用材料)制作芯片: 您应该使用芯片小部件(或列出的变体之一): 您应该将网格更改为Wrap小部件(该小部件将包含芯片列表): class MyHomePage扩展了无状态小部件{ 变量标记=[ “爱”, “instagood”, “白天的照片”, “美丽”, “时尚”
GridView
制作一个类似的Tags小部件时,我遇到了一个问题,
见结果:
我希望如下图所示:
但是按钮的宽度是从GridView
wrapping自动设置的
如何动态设置宽度
任何回答都将不胜感激。您正在尝试(用材料)制作芯片:
您应该使用芯片
小部件(或列出的变体之一):
您应该将网格更改为Wrap
小部件(该小部件将包含芯片列表):
class MyHomePage扩展了无状态小部件{
变量标记=[
“爱”,
“instagood”,
“白天的照片”,
“美丽”,
“时尚”,
“快乐”,
“技术性贸易壁垒”,
“可爱”,
“跟着我”,
“like4like”,
“跟随”,
“白天的照片”,
“我”,
“自拍”,
“夏天”,
“instadaily”
];
var selected_tags=[“爱”、“我”、“夏天”];
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(),
主体:包裹(
间距:8.0,//相邻芯片之间的间隙
行间距:4.0,//行间距
子项:[…生成_标记()],
),
);
}
生成_标记(){
return tags.map((tag)=>get_chip(tag)).toList();
}
获取芯片(名称){
回流过滤芯片(
所选:所选标签。包含(名称),
selectedColor:Colors.blue.shade800,
禁用颜色:Colors.blue.shade400,
labelStyle:TextStyle(颜色:Colors.white,fontWeight:fontWeight.bold),
标签:文本(“#${name}”);
}
}
您可以根据您的要求使用芯片
变体,来源:对不起,我忘了附上我的代码。但是你上面的答案是我正在寻找的解决方案,我刚刚听说了芯片小部件。这就是我要找的