ViewPagerAndroid不使用React-Native在ScrollView下呈現

我可以使用ViewPagerAndroid，但是當我將它放在ScrollView組件下時，不會呈現任何東西。有沒有人遇到過這個？ViewPagerAndroid不使用React-Native在ScrollView下呈現

陣營母語：版本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

來源

2016-03-15 cubbuk

也許你還需要給ScrollView一個大小呢？嘗試在ScrollView中添加其他內容（如文本）以查看渲染是否正常。 –

@MartinKonicek當我給高度ViewPagerAndroid它開始按預期工作，但問題是我想使用flex：1，以便scrollView將覆蓋儘可能多的空間可用。有沒有辦法做到這一點，我更新了代碼，通過向ScrollView添加flex：1作爲樣式。 – cubbuk

我知道這是一個老問題，但是您可以嘗試在您的ScrollView中添加contentContainerStyle = {{flex：1}}。例如， –

這是一個老問題，但我也面臨類似的問題，並通過向scrollview標籤添加contentContainerStyle = {{flex：1}}來解決它。例如

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

來源

2017-06-01 07:00:57

希望這會對你有用。

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

來源

2017-06-27 10:04:09 Moorthy

ViewPagerAndroid不使用React-Native在ScrollView下呈現

回答

相關問題