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组件将随其内容一起增长。也是这样：

<View>

对于您的整个示例：

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

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

1 个答案: