不应该包裹布局溢出

时间:2018-05-16 17:32:17

标签: dart flutter

我目前正在尝试使用Wrap布局来显示一些图标,但图标会溢出屏幕。据我所知,Wrap布局是不是完全避免溢出?我该怎么办呢?我试图把它放在ConstrainedBox里但没有成功。

See the "Aéroport" line, it overflows

如您所见,它在“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

0 个答案:

没有答案