react-native-cz-common-modal

npm install react-native-cz-common-modal --save

Usage no npm install needed!

<script type="module">
  import reactNativeCzCommonModal from 'https://cdn.skypack.dev/react-native-cz-common-modal';
</script>

README

Manual installation

npm install react-native-cz-common-modal --save

依赖库

npm install react-native-cz-pack-element --save

Usage

1.引入组件

import CommonModal from 'react-native-cz-common-modal';

2.属性:

3.属性方法:

4.供外部调用的方法:

/*
* 显示Modal视图,获取引用可以，不建议自己移除组件，需调用hide方法
* */
CommonModal.show(
    <View style={[{backgroundColor: 'red', position: 'absolute', top: 0, left: 0, bottom: 0, right: 0, justifyContent: 'center', alignItems: 'center'}]}>
        <Text>测试视图</Text>
    </View>, 'ceshi-key(可不填，但每次就显示一个)'
);

/*
* 隐藏Modal视图
* */
CommonModal.hide('ceshi-key');