我目前正在尝试使用Wrap
布局来显示一些图标,但图标会溢出屏幕。据我所知,Wrap
布局是不是完全避免溢出?我该怎么办呢?我试图把它放在ConstrainedBox
里但没有成功。
如您所见,它在“Aéroport”线上溢出。
我的代码:
new Container(
child: new Wrap(
spacing: 4.0,
runSpacing: 4.0,
children: row) //List<Widget> row = *function to generate a list of icons*
);
实际功能:
Widget lineIcon({String lineCode, String lineColor, double width, double height, double fontSize, int ratio}) {
var r = ratio == null ? 100 : ratio;
var colorInt = int.parse('0xFF' + lineColor);
return new Container(
height: height == null ? 32.0*r/100 : height,
width: width == null ? 48.0*r/100 : width,
decoration: BoxDecoration(
color: Color(colorInt),
borderRadius: BorderRadius.all(Radius.elliptical(16.0, 16.0)),
border: new Border.all(
color: Color(colorInt),
),
),
child: new Align(
child: new Text(lineCode,
style: TextStyle(
color: Colors.white,
fontSize: fontSize == null ? 20.0*r/100 : fontSize,
fontWeight: FontWeight.bold)),
));
}
版本:Mac OS X 10.13.4上的频道测试版,v0.3.2