Я могу указать элемент высоты числовых значений стиля, таких как 40
, но они должны быть целыми. Как заставить мой компонент иметь высоту 100%
?
Установка высоты компонента до 100% в зависимости от реакции
Ответ 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%'
в таблицу стилей элементов.
он работает для меня