Реагируйте на родную навигацию с модальным: resize; появляются снизу

  1. Как указать модальную высоту, чтобы реагировать на встроенную навигацию? По умолчанию растягивается на весь экран, как растянуть на половину экрана?
  2. Можно ли показать ящик снизу?

react-native wix-react-native-navigation
person Andrew    schedule 23.01.2018    source источник
comment
Привет и добро пожаловать в StackOverflow. См. stackoverflow.com/help/how-to-ask, чтобы узнать, как задать правильный вопрос и улучшить свой. в соответствии с руководящими принципами. В качестве первого шага добавьте код, который вы уже пробовали, и опишите, как он вам не подходит.   -  person Fabian Schöner    schedule 23.01.2018
comment
вы могли бы добавить несколько примеров?   -  person jasinth premkumar    schedule 23.01.2018

Ответы (1)


arrow_upward
2
arrow_downward

Если вы запрашиваете модальный в react native, вы можете продолжить ниже. .

1. Чтобы уменьшить модальную высоту, вы можете указать высоту внутри самого родительского элемента View.

<View style={{height: 60%}}>

Также вы можете импортировать Размеры и использовать его для получения высоты и ширины экрана, как показано ниже.

import { Dimensions } from 'react-native';

const window = Dimensions.get('window');
const screenHeight = window.height;
const screenWidth = window.width;

а затем вы можете использовать эти screenHeight и screenHeight в своем css.

<View style={{height: screenHeight - 80}}> // Any values

2 - Все возможно, и да, мы можем сделать это и в react native. Но сначала они называются ActionSheets (как в iOS) / BottomSheets (как в android). Вы можете проверить эти библиотеки для Android и iOS или для обоих.

https://github.com/beefe/react-native-actionsheet (оба)

https://github.com/cesardeazevedo/react-native-bottom-sheet-behavior (Android)

https://github.com/eyaleizenberg/react-native-custom-action-sheet (iOS)

person HSBP    schedule 23.01.2018