【问题标题】:Stretch View based on whether keyboard opened基于键盘是否打开的拉伸视图
【发布时间】:2021-11-20 12:44:20
【问题描述】:

在 React Native 中,当键盘关闭时,我希望我的 <View> 以全屏大小显示,但无论何时打开键盘,我希望它仅使用对可见的屏幕空间进行显示用户。我如何做到这一点?

我尝试了一些方法,例如<KeyboardAvoidingView>,但还没有找到解决方案。

<View>
    ...
</View>

示例

【问题讨论】:

  • 您仍然需要共享代码。
  • 你使用了什么样式表?在我看来,最好使用 flex box 不要使用固定大小

标签: android react-native keyboard


【解决方案1】:

发布一些代码如何构建当前布局

在本机应用程序中,您必须在清单中设置所需的行为:

<activity
    android:windowSoftInputMode="adjustResize"

HERE 一些 react native 指南,在 HERE 你有一些插件可以处理这个

【讨论】:

    【解决方案2】:

    我使用onLayout 计算了y 位置,另一个&lt;View&gt; 使用bottom: 0 的y 位置,使用状态保存它们并从后者中减去第一个以使用状态计算高度。每当键盘打开或关闭时,状态都会更新。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-16
      • 1970-01-01
      • 2014-01-20
      • 1970-01-01
      • 2019-02-08
      • 1970-01-01
      相关资源
      最近更新 更多