反应原生ScrollView裁剪Android Landscape上的最后一个元素

时间:2018-12-21 14:16:51

标签: android react-native expo

我正在尝试使用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的图像的最后一个黑色部分和绿色部分的一半被裁剪了

如果我尝试向下滚动,则两个图像都将滚动到末尾。

1 个答案:

答案 0 :(得分:0)

我以这种方式解决了这个问题,并且效果很好。

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

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