React Native ScrollView高度问题

Question

我想创建一个水平 ScrollView，但我遇到了一些问题。ScrollView 占用了屏幕的所有剩余空间，但我想要的是 ScrollView 仅占用最大子项的高度。我怎样才能做到这一点？

我尝试在样式上设置固定高度，但这不起作用。有什么帮助吗？

<ScrollView horizontal showsHorizontalScrollIndicator={false} style={styles.guessList}>
{guessList.map((guess, index) => (
    <NumberContainer style={styles.guessItem} key={guess}>#{guessList.length - index} {guess}</NumberContainer>
))}

const styles= StyleSheet.create({
guessList: {
    height: 70
},
guessItem: {
    marginRight: 5
}

});

Answer 1

我只是尝试在 ScrollView 的样式上添加 {flexGrow: 0} ，现在它可以工作了。它只占用足够的空间来容纳子组件。