Flutter-常用经验总结

防止页面溢出

Posted by MetaNetworks on January 16, 2020
本页面总访问量

文本溢出

  • 使用ExpandedFlexible实现长文本溢出自动换行
1
2
3
4
5
6
7
8
9
Row(
  children: <Widget>[
    Icon(
      Icons.warning,
      color: AppColor.textLightGray,
    ),
    Expanded(child: Text("昵称由4-10位汉字/字母/符号组成,首位不能是符号"))
  ],
),

页面溢出

通常是输入法弹出导致页面无法拖动或内容太长

  • 使用SingleChildScrollView包裹body
1
2
3
4
body: Container(
  decoration: BoxDecoration(color: AppColor.backgroundWhite),
  child: SingleChildScrollView(
    child: Container(