ViewPagerAndroid未使用React Native在ScrollView下呈现

ViewPagerAndroid未使用React Native在ScrollView下呈现,android,android-viewpager,react-native,Android,Android Viewpager,React Native,我可以使用ViewPagerAndroid,但当我把它放在ScrollView组件下时,什么都不会被渲染。以前有人遇到过这种情况吗 反应本机:版本0.22 平台:安卓 这与预期的效果一样: <ViewPagerAndroid style={{flex: 1}} initialPage={0}> <View><Text>View 1</Text></View> <View><Text>View

我可以使用ViewPagerAndroid,但当我把它放在ScrollView组件下时,什么都不会被渲染。以前有人遇到过这种情况吗

反应本机:版本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>;

视图1
视图2
视图3
;
以下内容不起任何作用:

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

视图1
视图2
视图3
我也在github上创建了一个问题:

这是一个老问题,但我也遇到了类似的问题,并通过在scrollview标记中添加contentContainerStyle={{flex:1}}解决了这个问题。 例如


视图1
视图2
视图3
{/*其他一些视图*/}

希望这对您有用

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

视图1
视图2
视图3

也许您还需要为滚动视图指定一个大小?尝试在ScrollView中添加其他内容(如文本)以查看渲染效果是否良好。@MartinKonicek当我为ViewPagerAndroid指定高度时,它开始按预期工作,但问题是我正在尝试使用flex:1,以便ScrollView将尽可能多地覆盖可用空间。有没有办法做到这一点,我更新了代码,将flex:1作为样式添加到ScrollView中。我知道这是一个老问题,但是你能尝试将contentContainerStyle={{flex:1}}添加到你的ScrollView中吗。例如
<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>