相关疑难解决方法(0)

限制Flutter中容器的最大宽度

  Widget build(context) {
    return Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        Container(
          width: 300,
          padding: EdgeInsets.all(10),
          decoration: BoxDecoration(
            color: color ?? Colors.blue,
            borderRadius: BorderRadius.circular(10)
          ),
          child: msg
        )
      ],  
    );
  }
Run Code Online (Sandbox Code Playgroud)

这是我的小部件的构建方法,它根据我作为msg参数传递的内容来呈现此UI

  1. 载入文字 在此处输入图片说明
  2. 一些很长的文字 在此处输入图片说明

现在我面临的问题是我无法在不设置宽度的情况下将文本包装在此容器/蓝色框中,但是如果我设置了容器/蓝色框的宽度,那么无论文本有多短,它将始终保持该宽度。

现在有一种方法可以设置容器/蓝盒的maxWidth(比如说500)?这样蓝框将变得像“ Loading”之类的小文本一样宽,而长文本则可以扩展到达到500个单位的宽度,然后包装文本?

长文本的必需输出:

对于小文本(如加载),我不希望UI发生任何更改,但对于长文本,我希望它看起来像这样。 在此处输入图片说明

user-interface word-wrap flutter flutter-layout flutter-container

5
推荐指数
6
解决办法
7766
查看次数