使用到的依赖:
react-native-root-siblings
react-native中插入元素,参考:github.com/magicismigh…
react-spring
react动画框架,参考:react-spring.io/
prompt组件:
PromptComponentProps
组件props

PromptComponentRef
组件ref,对外使用

显示标志

useTransition
动画样式使用useTransition

定时关闭

对外导出方法

显示内容的组件
内容组件,由transitions(即上边useTransition包装的动画样式)包装

最终导出
搭配Mask组件

mask组件:
useTransition
动画样式使用useTransition

maskTransitions
组件使用maskTransitions包装

源码:
组合成usePrompt
RootSiblings
需要插入的组件ref

PromptComponentRef
Prompt组件的ref

show和hide方法

使用:

效果:

完整源码:
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END























![[桜井宁宁]COS和泉纱雾超可爱写真福利集-一一网](https://www.proyy.com/skycj/data/images/2020-12-13/4d3cf227a85d7e79f5d6b4efb6bde3e8.jpg)

![[桜井宁宁] 爆乳奶牛少女cos写真-一一网](https://www.proyy.com/skycj/data/images/2020-12-13/d40483e126fcf567894e89c65eaca655.jpg)