Toolbar包含EditText时,点击键盘弹出时Toolbar被拉伸

在Android开发中我们经常会用到Toolbar,为了App更加美观,也会支持透明状态栏,这时,我们一般会这么做:
在style-v19中添加

<item name="android:windowTranslucentStatus">true</item>

在Toolbar中添加

android:fitsSystemWindows="true"

这时,如果我们的layout中包含可滚动的控件如ListView、ScrollView(即在键盘弹出时会调用onSizeChanged方法),而且屏幕中包含可编辑的控件如EditText,就会出现意想不到的现象,即Toolbar自动拉伸,直到接近键盘顶部


Toolbar被拉伸


大家会问这是Toolbar的bug吗?据我目前所知应该不是,而是某种处理逻辑,原谅我也不知道是什么逻辑=。=,我在StackOverflow发现也有人遇到这个问题,但也没有给出完美的解决办法,大家可以参考下Android appcompat toolbar stretches when searchview gets focus
目前有两种解决办法:

  1. 将Toolbar的android:fitsSystemWindows="true"属性移至root view
    这样可能无法支持透明状态栏,但相信聪明的你肯定能找到兼顾的解决办法^_^


    处理后
  2. 在AndroidManifest中添加android:windowSoftInputMode="adjustPan"属性
    这个方法有一个前提就是你不需要在键盘弹出时让你的布局自适应屏幕(即在键盘弹出时view不会调用onSizeChanged方法),并且可能会导致键盘遮挡屏幕上的内容。


注:

1,为了支持透明状态栏,可以这样调整:

      当fitsSystemWindows=true移到根root view时,状态栏文字图标看不见,此时可以在root view添加和ToolBar一样的背景色,再在ToolBar一下区域添加默认的窗口背景色,即可实现

2,添加adjustPan后,进入该界面软件盘会自动弹出,此时可以在root view添加属性:

android:focusable="true"
android:focusableInTouchMode="true"
即可默认不弹出软件盘。


原文地址:http://www.jianshu.com/p/33da943732b2

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果您在 Android 12 中关闭了硬件加速器,并且在 Flutter 应用中点击输入框弹出键盘出现了空白问题,您可以尝试以下解决办法: 1. 启用软键盘适配器 在您的 Flutter 应用中,可以使用软键盘适配器来协调软件渲染引擎和硬件加速器之间的差异。软键盘适配器可以自动调整您的应用程序布局,以避免出现空白问题。您可以在 Flutter 应用中添加以下依赖项: ```yaml dependencies: flutter_keyboard_visibility: ^5.0.0 keyboard_actions: ^3.0.0 ``` 然后,在您的代码中使用 KeyboardActions widget 和 KeyboardVisibilityBuilder widget 来设置软键盘适配器的行为。例如: ```dart import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart'; import 'package:keyboard_actions/keyboard_actions.dart'; class MyWidget extends StatelessWidget { @override Widget build(BuildContext context) { return KeyboardActions( config: KeyboardActionsConfig( keyboardActionsPlatform: KeyboardActionsPlatform.ALL, actions: [ KeyboardActionsItem( focusNode: _focusNode, toolbarButtons: [ (node) { return GestureDetector( onTap: () => node.unfocus(), child: const Text('关闭'), ); }, ], ), ], ), child: Column( children: <Widget>[ TextField( focusNode: _focusNode, decoration: const InputDecoration( hintText: '请输入内容', ), ), KeyboardVisibilityBuilder( builder: (context, visible, child) { return Container( height: visible ? 0 : 0, ); }, ), ], ), ); } } ``` 2. 升级 Flutter 版本 如果您使用的是较旧的 Flutter 版本,则可能会遇到此问题。尝试升级到最新版本,以获取最新的修复程序和功能。 3. 更新 Android 12 系统版本 如果您的 Android 12 系统版本较旧,则可能会出现此问题。尝试更新到最新的 Android 12 系统版本,以获取最新的修复程序和功能。 希望以上解决办法能够帮助您解决问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值