使用小键盘时,底部工具栏如何始终向上推?

Posted

技术标签:

【中文标题】使用小键盘时,底部工具栏如何始终向上推?【英文标题】:How bottom toolbar will always be pushed up when keypad is used? 【发布时间】:2021-12-17 06:30:27 【问题描述】:

我想在底部放置一个类似于下图的工具栏,示例post compose,屏幕截图以绿色突出显示。

但是当键盘出现时工具栏应该向上推,同时输入文本如下示例截图。

我可以设计按钮工具栏,但不知道如何让它在使用键盘时始终可见。请求提供实现此目的的示例代码。

【问题讨论】:

【参考方案1】:

android 如何通过键盘放大或平移来显示屏幕有两种模式。在 pan 中,应用程序向上滚动以确保光标在页面上。在调整大小时,应用会调整大小以填充键盘播放后留下的空间。

您想要调整大小。但这还不够。您的屏幕布局需要使工具栏固定在屏幕底部,并且其上方的内容大小灵活。最好的方法是使用相对布局或约束布局作为根,并将工具栏放置在其底部与父级对齐。使带有发布按钮的顶部栏对顶部执行相同的操作。然后将它们之间的东西设置为 fill_parent 并将其布局在顶栏下方和底栏上方。

所有这些的最终结果是顶部和底部的条将被放置在一个固定的位置,并且中心部分将被布置在它们之间。请注意,这可能会导致某些元素在关闭键盘之前不会出现在屏幕上,因为它们不适合。将内容放入 ScrollView 可以缓解这个问题,因此用户可以滚动到它。

【讨论】:

谢谢。让我实施,如果它有效,会通知你。

以上是关于使用小键盘时,底部工具栏如何始终向上推?的主要内容,如果未能解决你的问题,请参考以下文章

出现软键盘时如何避免只有BottomNavbar向上推

键盘出现时 UITextView 向上移动

上移 UIToolbar

当文本字段获得焦点时,如何使底部工具栏浮在软键盘上方

显示键盘时如何隐藏cupertinoTabBar?或者如何让键盘覆盖酒吧?还是将标签栏始终保持在底部?

React Native:Android 软键盘将 View 向上推