React Native - 按内容设置视图高度

piz*_*r0b 2 flexbox react-native

由于 flex: 1 属性,我有一个视图和一个滚动视图,它们当前占据了整个高度。我试图弄清楚如何让这个视图只占用滚动视图中的内容占用的空间量。这可能吗?

<View style={{ flex: 1 }}>      
  <ScrollView style={{ flexDirection: 'row', flex: 1 }}>...</ScrollView>
</View>
Run Code Online (Sandbox Code Playgroud)

piz*_*r0b 6

style={{ height: 'auto', flex: 0 }}View 和 ScrollView 上的设置都有效。

  • RN 没有高度:'auto' (4认同)
  • 然后这里发生了两件事之一。1)“height”属性被完全忽略,这仅适用于“flex:0”,或者2)设置无效的高度属性触发了一些后备高度的设置,使其意外地按照我想要的方式工作。 (2认同)