两个scrollviews之间有很多空间因为换行 - React Native

时间:2017-04-07 18:40:14

标签: reactjs react-native scrollview

我正在创建不同的滚动视图,但视图不正确。在ScrollView End和ScrollView之间开始有一个很长的空间,我不知道要修改哪种样式以避免这种情况。 当scrollview设置为wrap时,会显示长空格!

有什么想法吗?

我正在创造这样的东西:

 <View>
<ScrollView
    contentContainerStyle={{
        flexDirection: "column",
        alignContent: "space-around"
    }}
    automaticallyAdjustContentInsets={false}
    contentInSet={{ bottom: 49 }}
    style={{ paddingBottom: 0, marginBottom: 0 }}
>
    <Text>Testing</Text>
    <ScrollView
        contentContainerStyle={globalStyles.COMMON_STYLES.scrollView}
        automaticallyAdjustContentInsets={false}
        contentInSet={{ bottom: 49 }}
        style={{ padding: 0, margin: 0 }}
    >
        <Text>ScrollView End</Text>
    </ScrollView>
    //Here is the problem!!! Lot of space in the IOS Simulator.
    <Text>ScrollView Start</Text>
    <ScrollView>
        <Text>Test</Text>
    </ScrollView>
</ScrollView>
</View>;

 globalStyles.COMMON_STYLES.scrollview
   scrollView: {
    flexDirection: 'row',
    flexWrap: 'wrap',
 } 

以下滚动视图有很长的空间:

1 个答案:

答案 0 :(得分:0)

尝试在ScrollView上使用它

automaticallyAdjustContentInsets = {false}