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'),