Подтвердить что ты не робот

Установка высоты компонента до 100% в зависимости от реакции

Я могу указать элемент высоты числовых значений стиля, таких как 40, но они должны быть целыми. Как заставить мой компонент иметь высоту 100%?

4b9b3361

Ответ 1

ознакомьтесь с flexbox doc. в таблице стилей используйте:

flex:1,

Ответ 2

Возьмите высоту окна в переменную, а затем назначьте ее как высоту контейнера flex, для которой вы хотите настроить таргетинг:

let ScreenHeight = Dimensions.get("window").height;

В ваших стилях:

var Styles = StyleSheet.create({ ... height: ScreenHeight });

Обратите внимание, что перед использованием необходимо импортировать параметры:

import React, { ... Dimensions } from 'react-native'

Ответ 3

Вы можете просто добавить height: '100%' в таблицу стилей элементов. он работает для меня