栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何与具有textfield(autofocused为true)的键盘一起移动底页?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何与具有textfield(autofocused为true)的键盘一起移动底页?

在扑1.7.X和以后 更多的功能已经被添加到

BottomSheetDialog
这样除了@
anmol.majhail
的回答,您可以添加
isScrollControlled =true
showModalBottomSheet
它会允许底片取足所需的高度给出了更多的保险
TextField
是不包括在键盘。

像这样:

 showModalBottomSheet(    shape: RoundedRectangleBorder(        borderRadius: BorderRadius.vertical(top: Radius.circular(25.0))),    backgroundColor: Colors.black,    context: context,    isScrollControlled: true,    builder: (context) => Padding(      padding: const EdgeInsets.symmetric(horizontal:18 ),      child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: <Widget>[   Padding(     padding: const EdgeInsets.symmetric(horizontal: 12.0),     child: Text('Enter your address',         style: TextStyles.textBody2),   ),   SizedBox(     height: 8.0,   ),   Padding(     padding: EdgeInsets.only(         bottom: MediaQuery.of(context).viewInsets.bottom),     child: TextField(       decoration: InputDecoration(         hintText: 'adddrss'       ),       autofocus: true,       controller: _newMedialinkAddressController,     ),   ),   SizedBox(height: 10), ],          ),    ));

请注意:

shape: RoundedRectangleBorder(        borderRadius: BorderRadius.vertical(top: Radius.circular(25.0))),

不是必需的 只是我正在创建一个圆形的底页。

更新资料

如果你的

BottomSheetModel
就是
Column
确保你添加
mainAxisSize:MainAxisSize.min,
,否则这个表将覆盖整个屏幕。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/387612.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号