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,}} >

使您的父视图滚动视图并在其上应用这些属性，它将在 android 和 ios 平台上全屏拉伸视图。