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

],

),

),

);

相关推荐
克喵的水银蛇3 小时前
Flutter 动画实战:基础动画 + Hero 动画 + 自定义动画
flutter
松☆5 小时前
Flutter + OpenHarmony 实战:构建离线优先的跨设备笔记应用
笔记·flutter
_大学牲6 小时前
Flutter 勇闯2D像素游戏之路(一):一个 Hero 的诞生
flutter·游戏·游戏开发
kirk_wang7 小时前
Flutter插件在鸿蒙端的开发与部署:跨生态桥梁的架构与实现
flutter·移动开发·跨平台·arkts·鸿蒙
勇气要爆发10 小时前
【第五阶段—高级特性和框架】复杂动画案例分析初体验
flutter
勤劳打代码11 小时前
追本溯源 —— SetState 刷新做了什么
flutter·面试·性能优化
松☆13 小时前
OpenHarmony 后台任务与 Flutter 生命周期协调:构建稳定可靠的混合应用
flutter
松☆13 小时前
Flutter 与 OpenHarmony 深度集成:自定义 MethodChannel 插件开发全指南
flutter·wpf
克喵的水银蛇13 小时前
Flutter 布局实战:掌握 Row/Column/Flex 弹性布局
前端·javascript·flutter