Question

我可以使用ViewPagerAndroid，但是当我把它放在ScrollView组件下时，什么都没有渲染。有没有人遇到过这个？

React-Native：版本0.22 平台：Android

这可以按预期工作：

<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

这是一个老问题，但我也遇到了simmilar问题，并通过向scrollview标记添加contentContainerStyle = {{flex：1}}来解决它。 E.g。

<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>

Answer 2

希望这对你有用。

<ScrollView style={{flex: 1}}>
      <View 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>
     </View>
</ScrollView>

ViewPagerAndroid不使用React-Native

2 个答案: