当前位置:   article > 正文

flutter: 软键盘弹出把布局向上顶起的问题_flutter 软键盘弹起布局

flutter 软键盘弹起布局

软键盘向上弹出的时候,会使界面高度重新计算然后刷新布局,所以导致布局向上顶起的现象,解决方案如下:

 

1.   Scaffold 中需要加入resizeToAvoidBottomPadding: false , 

 

2.  body 部分用SafeArea+SingleChildScrollView+SizeBox包裹,然后设置高度,用来规避重新计算的问题:

  1. @override
  2. Widget build(BuildContext context) {
  3. final padding = MediaQuery.of(context).padding;
  4. final height =
  5. MediaQuery.of(context).size.height - padding.top - padding.bottom;
  6. final width = MediaQuery.of(context).size.width;
  7. baseContext = context;
  8. resource = Translations.of(context);
  9. return LifeCycleDetector(
  10. //不重要的省略 XXXXX
  11. child: Scaffold(
  12. resizeToAvoidBottomPadding: false,
  13. appBar: AppBar(
  14. iconTheme: IconThemeData(color: BeautyColors.blue01),
  15. backgroundColor: Colors.transparent,
  16. centerTitle: true,
  17. elevation: 0,
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/469275
推荐阅读
相关标签
  

闽ICP备14008679号