ViewPagerAndroid no se representa bajo ScrollView utilizando React-Native
Puedo usar ViewPagerAndroid, pero cuando lo pongo debajo de un componente de ScrollView nada consigue rendido. ¿Alguien encontró esto antes?
React-Native: versión 0.22 Plataforma: Android
Esto funciona como se esperaba:
<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>;
Lo siguiente no hace nada:
<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>
También he creado un problema en github: # 6469
Es una vieja pregunta pero también me he enfrentado a un problema simmilar y lo he resuelto agregando contentContainerStyle = {{flex: 1}} a scrollview tag. P.ej
<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>
Espero que esto funcione para usted.
<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>