Как динамически увеличить высоту только одного раздела в 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 будет расти вместе с его содержимым. Так же:

<View>

Для всего вашего примера:

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