ViewPagerAndroid, React-Native

kullanarak ScrollView altında oluşturulmuyor ViewPagerAndroid'i kullanabilirim, ancak ScrollView bileşeninin altına koyduğumda hiçbir şey işlenmez. Daha önce bununla karşılaştı mı?ViewPagerAndroid, React-Native

React-Yerli: sürüm 0.22 Platform: Android

Bu beklendiği gibi çalışır:

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

şu şey oluşturur: github üzerinde çok oluşturulması sorunu

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

: #6469

kaynak

2016-03-15 cubbuk

Belki de ScrollView'a bir boyut vermeniz gerekir? Bu işlemin düzgün olup olmadığını görmek için ScrollView'a (Metin gibi) başka bir şey eklemeyi deneyin. –

@MartinKonicek ViewPagerAndroid'e yükseklik verdiğimde beklediğim gibi çalışmaya başladım, ancak problem şu an flex kullanıyorum: 1, böylece scrollView kullanılabilir alan kadar kaplayacaktır. Bunu başarmanın bir yolu var, ben de ScrollView'a stil olarak flex: 1 ekleyerek kodu güncelledim. – cubbuk

Bunun eski bir soru olduğunu biliyorum, ancak ScrollView'unuza contentContainerStyle = {{flex: 1}} eklemeyi deneyebilirsiniz. Örneğin, –

Bu eski bir soru ama ben de simmilar sorunu ile karşılaştım ve scrollview etiketine contentContainerStyle = {{flex: 1}} ekleyerek çözdüm. 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>

kaynak

2017-06-01 07:00:57

Bu işlem sizin için çalışacaktır.

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

kaynak

2017-06-27 10:04:09 Moorthy

ViewPagerAndroid, React-Native

cevap

İlgili konular