用modal：resize反应原生导航;从底部出现

Question

1. 如何指定模态高度对原生导航做出反应？它默认延伸全屏，如何拉伸半屏？
2. 抽屉可以从底部显示吗？

Answer 1

如果你要求本地的Modal，你可以在下面继续。

1 - 要缩小模态高度，您可以指定最近父视图元素内的高度

<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 - 一切皆有可能，是的，我们也能做到这一点。但首先它们被称为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）