两个滚动视图之间有很多空间，因为 wrap - React Native

Posted 2023-03-15

【中文标题】两个滚动视图之间有很多空间，因为 wrap - React Native

【英文标题】：A lot of space between two scrollviews because wrap - React Native

【发布时间】：2017-04-07 18:40:13

【问题描述】：

我正在创建不同的滚动视图，但视图不正确。在 ScrollView End 和 ScrollView Start 之间有很长的空间，我不知道要修改什么样式来避免这种情况。 当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',
  

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

【问题讨论】：

你有两个相邻的滚动视图包含在一个大的外部滚动视图中，为什么？

我不在 react-native 中工作，但 contentInSet=bottom: 49 看起来很可疑。

尝试找出是否有任何子组件，或者带有“flex：1”样式属性的滚动视图本身。如果是，请尝试删除它。

您好，我已删除所有选项并删除您评论的所有选项。 contentInSet=bottom: 49是来自此页面的测试link

嗨丹尼尔，我想要 1 个固定文本、滚动视图、1 个固定文本和另一个滚动视图。这就是为什么我有一个外部滚动视图。

【参考方案1】：

尝试在 ScrollView 上使用它

automaticallyAdjustContentInsets = false