ViewPagerAndroid не отображается в ScrollView с использованием React-Native

Я могу использовать 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

Ответы

Ответ 1

Это старый вопрос, но я также столкнулся с проблемой и решил его, добавив contentContainerStyle = {{flex: 1}} в тег scrollview. Например.

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

Ответ 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>