时间戳

首页 > 解决方案 > ScrollView：高度和滚动的问题

javascript - ScrollView：高度和滚动的问题

问题描述

我有一个<ScrollView />. 在文档中它说

请记住，ScrollView 必须有一个有界高度才能工作，因为它们在有界容器中包含无界高度的子项（通过滚动交互）。为了限制 ScrollView 的高度，要么直接设置视图的高度（不鼓励），要么确保所有父视图都有限制的高度。

这是我的标记：

<View
    style={{
        paddingLeft: 15,
        paddingRight: 15,
        width: '100%',
        height: Dimensions.get('window').height,
        alignItems: 'center'
    }}>
    <Foo /> // Custom Component with specific height
    <ScrollView
        style={{width: '100%'}}
        ...
        {foo.map((obj, index) => {
            return <View
                key={index}
                style={{
                    display: 'flex',
                    width: '100%',
                    paddingTop: 2,
                    paddingBottom: 2,
                }}
                ...
            </View>
        })
        }
    </ScrollView >
</View>

在我的标记中，我<View />用Dimensions.get.... 但是<ScrollView />并没有一直滚动到底部。为什么<ScrollView />行为不符合预期？我希望能够一直向下滚动并查看所有元素。

标签： javascriptreact-native

解决方案

使舒尔 ScrollViewflex: 1设置了样式道具。

忘记将 {flex: 1} 向下传输视图堆栈可能会导致此处出现错误，元素检查器可以快速调试。

推荐阅读