Flutter OverFlow处理

2023-12-26  本文已影响0人  xiaoxuan0115

一,在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,这个属性亲测不行。

上一篇 下一篇

猜你喜欢

热点阅读