如何在本机(Android)视图中布局本机视图层次结构?

如何在本机(Android)视图中布局本机视图层次结构?,android,user-interface,react-native,android-recyclerview,hybrid-mobile-app,Android,User Interface,React Native,Android Recyclerview,Hybrid Mobile App,我正在尝试用RecyclerView plus自定义布局管理器替换React原生ViewPagerAndroid。请在下面找到我试图实现的目标的图片,文本下方的红色和蓝色框只是为了更好地描述问题 下面的图片是我得到的 文本视图继续位于包含框(垂直白色框)之外,蓝色框布局也位于后者之外。通过使用LayoutSpector,我看到文本框宽度和蓝色框右边缘与屏幕宽度相等,即使我在React原生视图上调用measure和layout方法 下面是视图层次结构的屏幕截图 如何使React Native

我正在尝试用RecyclerView plus自定义布局管理器替换React原生ViewPagerAndroid。请在下面找到我试图实现的目标的图片,文本下方的红色和蓝色框只是为了更好地描述问题

下面的图片是我得到的

文本视图继续位于包含框(垂直白色框)之外,蓝色框布局也位于后者之外。通过使用LayoutSpector,我看到文本框宽度和蓝色框右边缘与屏幕宽度相等,即使我在React原生视图上调用
measure
layout
方法

下面是视图层次结构的屏幕截图

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