Question

我希望实现一个像Instagram（app）这样的主页，就像上面的标签指示器和较低的中心导航一样。我不知道这是否是正确的方法，但我决定将视图寻呼机放在视图寻呼机中。

事实证明，我在子视图寻呼机上总是有一个空白屏幕，即使我已经将flex：1放在包装元素上，它仍然没有显示一个东西！

<ViewPagerAndroid>
    <View key="1">
        a
    </View>
    <View key="2">
        <ViewPagerAndroid>
            <View key="1">
                <ListView A/>
            </View>
            <View key="2">
                <ListView B/>
            </View>
        </ViewPagerAndroid>
    </View>
    <View>
        c
    </View>
</ViewPagerAndroid>

我做了一些谷歌搜索，我发现有同样问题的人，我已经尝试过解决方案，但它不起作用。

One
Two

我在内部View Pager的视图包装器中做了一些调试，如果我放置了一些文本，就会显示它。

<ViewPagerAndroid>
    ...
    <View key="2">
        <Text>Test, and this is displayed on the screen</Text>
        <ViewPagerAndroid>
            <View style={styles.pageStyle} key="1">
                <ListView/>
            </View>
        </ViewPagerAndroid>
    </View>
</ViewPagerAndroid>

它几乎就像内部视图Pager永远不会被渲染。

或者我应该用标准的单独组件替换父视图寻呼机并将其与反应导航连接？

嵌套的ViewPager React Native 0.50

0 个答案: