Я не могу правильно выровнять три вида по вертикали. Я пробую все примеры в Интернете, и я не понимаю, каково решение.
У меня есть три вида, первый находится сверху и содержит
Второй должен заполнить пространство между первым видом и последним, который находится внизу.
Вид снизу - меню.
Мой стиль:
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
flexDirection:"column",
alignItems: 'center',
},
top : {
flexDirection : 'row',
marginTop:30,
},
center :{
marginTop : 10,
}
bottom :{
flexDirection : 'row',
marginTop : 10,
},
});
Вид сверху в порядке.
Второй вид занимает пространство между верхним меню и концом экрана.
Вид снизу невидим.
В чем моя ошибка?
Спасибо.