android - React Native ScrollView 在 Android Landscape 上裁剪最后一个元素

Question

我正在尝试在 ScrollView 中创建一个包含元素列表的组件。当我在纵向模式下看到它时，一切正常，但在横向模式下，最后的元素正在从列表中裁剪掉。这仅发生在已编译的 APK 中。我正在使用 React Native 0.57 和 Expo 31.0.4。

我尝试了几种样式设置(百分比、弹性)，还尝试将 ScrollView 组件更改为 FlatList

You can find a example code here

请注意在模拟器中一切正常，问题发生在您构建 APK 并将其安装到设备上时

屏幕应该像 portrait mode 中那样显示但是图像的最后一个黑色部分和一半绿色部分被裁剪掉了，here is how it looks like

两张图片都滚动到最后，如果我尝试向下滚动更多，则没有任何反应。

Answer 1

我以这种方式解决了这个问题，效果非常好。

<ScrollView contentContainerStyle={{ flexGrow: 1 }} style={{ flex: 1,}} >

让你的父 View 滚动，并在上面应用这些属性，它会在 android 和 ios 平台上全屏拉伸(stretch) View 。