在 Android 上最小化应用后，React native Scrollview/flex 布局行为不一致

Question

我正在迈出 React Native Land 的第一步，并尝试了解软键盘的布局。

我通过 rect-native init 创建了一个新的 react 项目，并编写了以下组件：

<ScrollView style={{flex: 1}} contentContainerStyle={{flex: 1, borderColor: 'green', borderWidth: 10}}>
  <TextInput/>
  <View style={{flex: 1, borderColor: 'blue', borderWidth: 10}} />
</ScrollView>

结果符合预期，当我触摸输入字段时，键盘遮住了我的视线。但是，如果我通过按 square/overview 按钮最小化应用程序，然后再次选择该应用程序，视图将调整它的高度，因此键盘不会覆盖视图。

到目前为止，我的发现是： - 这只发生在 Android

只有存在 scrollView 时才会发生这种情况
在 android 清单中使用 android:windowSoftInputMode 似乎不会影响问题。
我已经尝试过 react-native: 0.39.0 / react: 15.4.1 和 react-native: 0.33.0 / react: ~15.3.0 并且它存在于两者中
但是在 rnplay (0.33) 中无法重现：https://rnplay.org/apps/kr-OQw
我试过 sony experia z5compact (android 6.0.1)、nexus 5x 和 samsung galaxy s6 (android 6.0.1)，它存在于全部.

我假设最小化后调整大小是一个错误，或者我在这里遗漏了什么？这个问题有解决方法吗？

Answer 1

默认 android:windowSoftInputMode 是导致此问题的 adjustUnspecified。

如果您设置 android:windowSoftInputMode:"adjustResize"，您可以一直调整屏幕大小（根据 docs，这是所需的方式）。

你也可以关注我为react-native开的bug

在 Android 上最小化应用后，React native Scrollview/flex 布局行为不一致

React native Scrollview/flex layout behaves inconsistent after minimizing the app on Android

android-softkeyboard

react-native

react-native-scrollview

react-native-android

react-native-flexbox