React-Native заполнить пространство - PullRequest
Новая
       30

React-Native заполнить пространство

0 голосов
/ 08 октября 2019

У меня есть некоторое представление в моем приложении,

первый и последний имеют фиксированное измерение, но в среднем виде я бы заполнил оставшееся пространство. Как я могу это сделать? 

let probableView = (!someVariable) ? null : (<View style={{ height: "10%" }}/>);

...

<View 
    style={{
        flex: 1,
        flexDirection: "column",
        justifyContent: "space-around",
        height: "100%",
        width: "100%",
    }}
>
    <View style={{ height: "10%" }}/>
    { probableView }
    <View/>     <------------------ How can I fill automatically the remain space?
    <View style={{ height: "10%" }}/>
</View>

Ответы [ 2 ]

1 голос
/ 08 октября 2019

Ответ заключается в добавлении flex = 1. Это заполнит оставшееся пространство. 

<View style={ flex: 1 }}>
    <View style={{ height: "10%" }}/>
    { probableView }

    <View style={{flex: 1}}/>   // Added here

    <View style={{ height: "10%" }}/>
</View>
0 голосов
/ 08 октября 2019

Я бы порекомендовал вам использовать 'flex' в каждом теге View, находящемся внутри основного тега View, и дать основному представлению flex: 1 это поможет вам настроить размер и расположение каждого тега View

...