如何在React Native中仅动态增加一个部分的高度

Question

我正在尝试为屏幕设置一个动态高度，根据内容的长度进行调整。我有两个部分，第一个部分有一个设定的高度，第二个部分的高度应该根据内容增加/减少。

如何为第2节设置最小设置高度，并在必要时保持动态？

<ScrollView contentContainerStyle={{ flexGrow: 1 }}>
<View style={{ flex: 1 }}>
// section 1
<View>
<View style={{ flexGrow: 1 }}>
// section 2
</View>
</ScrollView>

我尝试了flowGrow方法，但似乎不适用于

Answer 1

如果您想将视图的高度设置为100，只需执行

<View style={{height:100}}>

如果您不设置任何内容，视图组件将随其内容增长。那么做：

<View>

举个例子：

<ScrollView>
<View style={{ height: 100 }}>
// section 1
<View>
<View>
// section 2
</View>
</ScrollView>