react-native弹窗封装的方法_React_

export const showModal = (component) => {     sibling = new RootSiblings(component); };

export const destroySibling = (component) =>  sibling && sibling.destroy()

export const update = (index, component) => sibling && sibling.update({component})

//ShowModal.js import React from 'react'; import {View} from 'react-native'; import RootSiblings from 'react-native-root-siblings';  //全局弹框组件 let sibling = null; export const showModal = (component) => {     sibling = new RootSiblings(component); }; export const destroySibling = (component) =>  sibling && sibling.destroy() export const update = (index, component) => sibling && sibling.update({component})

import React from 'react'; import {Animated, InteractionManager, Easing, TouchableOpacity} from 'react-native'; import {getScreenHeight, getScreenWidth} from '../../utils/util'; import {destroyLastSibling} from '../showModal/ShowModal'; export default class ModalBg extends React.Component {   animated = new Animated.Value(0);   isShow = false;   componentDidMount(): void {     InteractionManager.runAfterInteractions(() => {       this.handleAni();     });   }   componentWillUnmount(): void {     InteractionManager.runAfterInteractions(() => {       this.handleAni();     });   }   handleAni = () => {     Animated.timing(this.animated, {       toValue: this.isShow ? 0 : 1,       duration: 250,       easing: Easing.ease     }).start(() => this.isShow = !this.isShow);   };   render() {     const opct = this.animated.interpolate({       inputRange: [0, 1],       outputRange: [0, 0.4]     });     return  {       destroyLastSibling();     }} style={{flex: 1}} />;   } }

showModal();