美文网首页
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,这个属性亲测不行。

    相关文章

      网友评论

          本文标题:Flutter OverFlow处理

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