还我靓靓 modal 弹窗

我们在使用 modal 来弹出个 dialog 时,在安卓机顶部,状态栏背景不是透明的,会有一条大煞风景的带子。如图:

怎样才能和苹果机一样,移除状态栏的背景色呢?我们想要达到的效果如下图所示:

方法非常简单,使用 react-native-modal-translucent 即可

npm install react-native-modal-translucent --save

或者

yarn add react-native-modal-translucent

如果提示出错,没有 replace 方法之类,多试几次就好。如果你一直用的是 yarn,临时用 npm 来安装,有可能会出错,此时改回用 yarn 就 OK 了。

然后 link

$ react-native link react-native-modal-translucent

启动应用看看效果吧,是的,不需要写一行代码,就可以把 Android modal 弹窗那丑陋的状态栏背景去掉。

GitHub 地址在 这里open in new window,喜欢的话给颗星星哦。

上次更新: 6/30/2022, 6:52:25 AM