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

Question

我正在尝试根据内容的长度调整屏幕的动态高度。我有两个部分，第一个部分有一个设定的高度，第二个部分的高度应该是 increase/decrease，具体取决于内容。

如何为第 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 中动态增加一个部分的高度

How to dynamically increase the height of only one section in React Native

scrollview

reactjs

react-native