如何自定义 showModalBottomSheet 的高度
设置属性 isScrollControlled 为 true,此时 showModalBottomSheet 是全屏
在builder 中返回带高度的 SizedBox 即可自定义高度
showModalBottomSheet(
isScrollControlled:true,
context: context,
backgroundColor: Colors.transparent,
builder: (BuildContext context) {
double height = 240;
return SizedBox(
child: content,
height: height,
);
}
);
showModalBottomSheet 中有输入框,键盘弹出内容被遮挡的问题
在builder 中返回的组件用 AnimatedPadding 包裹即可。
showModalBottomSheet(
isScrollControlled:true,
context: context,
backgroundColor: Colors.transparent,
builder: (BuildContext context) {
double height = 240;
return AnimatedPadding(
padding: MediaQuery.of(context).viewInsets,
duration: const Duration(milliseconds: 100),
child: SizedBox(
child: content,
height: height,
)
);
}
);
分享到:
相关推荐
flutter中使用基于flutter-sound的flutter-sound-record录音
flutter-architecture-blueprints-源码.rar
go-flutter - 通过Go和GLFW的强大功能,将Flutter带到Windows,MacOS和Linux
Flutter高阶技术:如何实现自定义弹出菜单框
flutter-todos.zip,完全使用Flutter编写的TodoList app,是一个小巧、简洁而又漂亮的app,它可以帮你随手记录日常的各项计划,如果你恰好有写任务计划的习惯,那么它一定非常适合你。
flutter_driver的mac安装包,如果被墙挡住了 可以下载下来试试,适用版本为flutter-1.20.0-7.4 格式为pre解压即可用。
Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。
免去git拉去clone flutter-sdk最新windows flutter-1.17.5.zip flutter-sdk最新windows flutter-1.17.5.zip
这个是Androidstudio 关于Flutter的离线本地磁盘安装包,各位免费下载,希望各位看官能够给个关注谢谢,感激。。。。。。。。。。。。。。
Flutter 布局备忘录
阿里P7移动互联网架构师进阶视频(每日更新中)免费学习请点击:
自定义键盘和车牌号输入框
flutter-window-3.13.0
用户办理业务时需要输入交易密码,并且可根据平台下发的支付方式进行选择。这与支付宝的密码输入方式十分相似,如果使用Android系统或者第三方软件的...因此,大多数的应用软件使用的是自定义的密码输入框及安全键盘。
flutter-3.3-linux
flutter-windows-3.3
Flutter的嵌入式Linux嵌入式 创建该项目是为了开发的非官方嵌入式Linux嵌入。 该嵌入程序着重于嵌入式Linux系统...比Linux的Flutter桌面轻巧(不使用X11和GTK) 该嵌入器的主要目标是Arm64设备。 我们尚未在Arm 32bit
解决聊天界面,软键盘和表情框切换问题,类似微信聊天界面,可以获取软键盘的高度,并解决输入框弹出时,listview显示最后一条消息。
flutter目前最新版本的安装包:flutter-1.5.3.zip。被墙用户可以下载自行安装。
Flutter-Credit-Card-Input-Form,Flutter信用卡输入表,博客附件,效果请查看博客相对应项目。