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下呈现

回答

相关问题