android - ViewPagerAndroid 不使用 React-Native 在 ScrollView 下渲染

Question

我可以使用 ViewPagerAndroid，但是当我将它放在 ScrollView 组件下​​时，不会呈现任何内容。以前有人遇到过这个吗？

React-Native:版本 0.22平台:安卓

这按预期工作:

<ViewPagerAndroid style={{flex: 1}} initialPage={0}>
     <View><Text>View 1</Text></View>
     <View><Text>View 2</Text></View>
     <View><Text>View 3</Text></View>
</ViewPagerAndroid>;

以下内容不呈现任何内容:

<ScrollView style={{flex: 1}}>
<ViewPagerAndroid style={{flex: 1}} initialPage={0}>
     <View><Text>View 1</Text></View>
     <View><Text>View 2</Text></View>
     <View><Text>View 3</Text></View>
</ViewPagerAndroid>
</ScrollView>

我也在 github 上创建了一个问题: #6469

Answer 1

这是一个老问题，但我也遇到过类似的问题，并通过将 contentContainerStyle={{ flex: 1 }} 添加到 scrollview 标签来解决它。egp>

<View style={{ flex: 1 }}>
    <ScrollView style={{ flex: 1 }} contentContainerStyle={{ flex: 1 }}>
        <ViewPagerAndroid style={{ flex: 1 }} initialPage={0}>
            <View><Text>View 1</Text></View>
            <View><Text>View 2</Text></View>
            <View><Text>View 3</Text></View>
        </ViewPagerAndroid>
    </ScrollView>
    {/*some other views*/}
    <View style={{ height: 20, width: null, flex: 1 }}/>
</View>