README-zh-rCN.md

react-native-translucent-modal

A library for React Native Translucent Modal On Android

背景

react-native 提供的Modal组件在Android上显示时不能延伸到状态栏，为什呢？ 这与Android的原生实现有关，Modal组件对应到Android原生是用Dialog实现，因为 dialog 本身也不会延伸到状态栏的。如何让Modal在Android 上的显示效果能像在ios 设备上一样呢？这就是本库所提供的。使用很简单，只需要一行代码即可。

效果对比

使用react-native-translucent-modal之前：

splash:

弹窗：

使用react-native-translucent-modal之后：

splash:

弹窗:

安装

1、使用npm

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

或使用yarn

$ yarn add react-native-translucent-modal

2、然后link

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

使用

react-native-translucent-modal 的使用与 react-native 提供Modal的组件完全一样，他们的属性和方法完全相同，你只需要将Modal的引入方式更改一下即可，其他的完全不用变

import { Modal } from "react-native";

改为

import Modal from 'react-native-translucent-modal';

好了，就只需要更改这一行代码，你的Modal现在就可以延伸到状态栏了。

在ios端，仍然使用的是 react-native 提供的Modal组件，�详情请看MFTranslucentModal.ios.js。