Flutter: A RenderFlex overflowed by 42 pixels on the bottom.

Flutter:渲染活动底部上方溢出了42个像素

Flutter 控件超出异常:A RenderFlex overflowed by 42 pixels on the bottom.
解决方案

1.Scaffold内添加 resizeToAvoidBottomInset 属性,缺点是软键盘下面的控件被挡住

Scaffold(

resizeToAvoidBottomInset: false, //添加这一行

appBar: AppBar(

title: Text('Expenses Tracker'),

),

body: Column(

children: [

... // other widgets

],

),

);

2.SingleChildScrollView滚动性插件作过渡层

Scaffold(

appBar: AppBar(

title: Text('Expenses Tracker'),

),

body: SingleChildScrollView(

child: Column(

children: [

... // other widgets

],

),

),

);

相关推荐
君蓦6 小时前
Flutter 本地存储与数据库的使用和优化
flutter
problc16 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter
lqj_本人1 天前
鸿蒙next选择 Flutter 开发跨平台应用的原因
flutter·华为·harmonyos
lqj_本人1 天前
Flutter&鸿蒙next 状态管理框架对比分析
flutter·华为·harmonyos
起司锅仔1 天前
Flutter启动流程(2)
flutter
hello world smile1 天前
最全的Flutter中pubspec.yaml及其yaml 语法的使用说明
android·前端·javascript·flutter·dart·yaml·pubspec.yaml
lqj_本人1 天前
Flutter 的 Widget 概述与常用 Widgets 与鸿蒙 Next 的对比
flutter·harmonyos
iFlyCai1 天前
极简实现酷炫动效:Flutter隐式动画指南第二篇之一些酷炫的隐式动画效果
flutter
lqj_本人1 天前
Flutter&鸿蒙next 中使用 MobX 进行状态管理
flutter·华为·harmonyos