如何在原生(Android)视图中布局React Native视图层次结构?

spa*_*ici 5 user-interface android hybrid-mobile-app android-recyclerview react-native

我正在尝试用RecyclerView加上自定义LayoutManager替换React Native ViewPagerAndroid。请在下面找到我要达到的目的的图片,文字下方的红色和蓝色框仅用于更好地描述问题。

所需的布局

下面的图片是我得到的。

布局错误

文本视图继续从包含框(垂直的白框)中移出,蓝色框的布局也从后者移出。通过使用LayoutInspector,即使我在React Native视图上调用measurelayout方法,我也会看到文本框的宽度和蓝色框的右边缘等于屏幕的宽度。

在视图层次结构的屏幕截图下方。

带注释的视图层次结构

如何使React Native正确测量(和布局)其容器中的视图?