Flutter Column嵌套 Row Text 超出屏幕

Posted 安果移不动

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter Column嵌套 Row Text 超出屏幕相关的知识,希望对你有一定的参考价值。

解决方案也很简单。 使用Expanded就可以了

Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Container(
                  // margin: EdgeInsets.only(top: 4),
                  width: 10,
                  height: 10,
                  decoration: BoxDecoration(
                      color: Colors.black87,
                      borderRadius: BorderRadius.all(Radius.circular(5))),
                ),
                SizedBox(
                  width: 5,
                ),
                Expanded(
                  child: Text(
                    "点击“确认注销”将被视为您授权并认可系统清空以上信息",
                    style: TextStyle(
                        color: Colors.black87,
                        fontSize: 16,
                        fontWeight: FontWeight.bold),
                  ),
                ),
              ],
            ),

以上是关于Flutter Column嵌套 Row Text 超出屏幕的主要内容,如果未能解决你的问题,请参考以下文章

Flutter 基础控件之 Row 横向布局 Column 纵向布局

[Flutter Widget] layout

Flutter基础组件04Row/Column

Flutter基础组件04Row/Column

Flutter 之 弹性布局 (Row、Column) (十一)

Flutter Bottom 被像素溢出,尝试了 Column()、Row()、Container() 等等