美文网首页
Flutter OverFlow处理

Flutter OverFlow处理

作者: xiaoxuan0115 | 来源:发表于2023-12-26 21:09 被阅读0次

一,在Row中报overflowed的解决办法:

  ##   直接在要展示的内容外包一层Expanded解决:
 body:  Row(
        children: [
          Expanded(child: Text('data1')),
          Expanded(child: Text('data2')),
          Expanded(child: Text('data3')),
          Expanded(child: Text('data4')),
          Expanded(child: Text('data5')),
          Expanded(child: Text('data6')),
          Expanded(child: Text('data7')),
          Expanded(child: Text('data8')),
          Expanded(child: Text('data9')),
          Expanded(child: Text('data10')),
          Expanded(child: Text('data11')),
          Expanded(child: Text('data12')),
          Expanded(child: Text('data13')),
          Expanded(child: Text('data14')),
          Expanded(child: Text('data14')),
          Expanded(child: Text('data14')),
          Expanded(child: Text('data14')),
          Expanded(child: Text('data14')),
          Expanded(child: Text('data14')),
          Expanded(child: Text('data14')),
          Expanded(child: Text('data14')),


        ],
      ),

在Column中报overflowed的解决办法:

方法一:在Column的最外层包一层SingleChildScrollView

 body: SingleChildScrollView(
        child: Column(
          children: [
            Text('data'),
            Text('data'),
            Text('data'),
            Text('data'),
            Text('data'),

注意有的网上说在Scaffold中添加 resizeToAvoidBottomInset: false,这个属性亲测不行。

相关文章

  • Css -think to write

    多行文本溢出处理 单行文本溢出: overflow: hidden;text-overflow: ellipsis...

  • text-overflow

    标题太长怎么办,css处理文本溢出 text-overflow语法: text-overflow : clip |...

  • flutter-bug-overflow

    bug 解决:添加滚动

  • CSS overflow 属性

    overflow 属性规定如何处理如何处理不符合元素框的内容。 大多数主流浏览器都支持 overflow 属性。 ...

  • 滚动条

    overflow 为了能更好处理溢出的内容,CSS中提供了一个名为overflow的属性,该属性可以设置如何处理溢...

  • 定位

    清除浮动 CSS定位 1)overflow 定位 overflow 当溢出时浏览器处理方式默认visible 无...

  • 文字换行

    基本概念 内容溢出隐藏:overflow 隐藏的处理方式:text-overflow 希望文字不换行:white-...

  • 解决Text的overflow属性不生效的问题

    今天学习Flutter的Text组件时,遇到了一个问题:Text的overflow: TextOverflow.e...

  • Flutter开发 防止OverFlow溢出

    大家在学习Flutter的时候,刚刚开始学习布局应该会各种遇到溢出。比如在用到Row或者Column经常会遇到布局...

  • Flutter For Web 关于Overflow on ch

    最近在用flutter开发web界面,出现了这个问题。 看了github上的42880 issues[https...

网友评论

      本文标题:Flutter OverFlow处理

      本文链接:https://www.haomeiwen.com/subject/zpalndtx.html