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

],

),

),

);

相关推荐
程序猿阿伟2 小时前
《社交应用动态表情:RN与Flutter实战解码》
javascript·flutter·react native
明似水2 小时前
Flutter 开发入门:从一个简单的计数器应用开始
前端·javascript·flutter
周胡杰2 小时前
组件导航 (Navigation)+flutter项目搭建-混合开发+分栏
数码相机·flutter·华为·电脑·harmonyos·鸿蒙
初遇你时动了情2 小时前
flutter flutter run 运行项目卡在Running Gradle task ‘assembleDebug‘...
flutter
初遇你时动了情6 小时前
flutter 配置 安卓、Ios启动图
android·flutter·ios
程序猿阿伟9 小时前
《云端共生体:Flutter与AR Cloud如何改写社交交互规则》
flutter·ar·交互
lpfasd1239 小时前
Flutter与Kotlin Multiplatform(KMP)深度对比及鸿蒙生态适配解析
flutter·kotlin·harmonyos
WDeLiang10 小时前
Flutter - UIKit开发相关指南 - 线程和异步
flutter·ios·dart
TE-茶叶蛋1 天前
Uniapp、Flutter 和 React Native 全面对比
flutter·react native·uni-app
只可远观2 天前
Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
前端·flutter