React Native 之 Modal介绍与使用

Posted 黑森林工作室

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React Native 之 Modal介绍与使用相关的知识,希望对你有一定的参考价值。

前言


  • 遗漏的常用组件,刚发现官方有提供,这边也来介绍一下。
  • 如本文有错或理解偏差欢迎联系我,会尽快改正更新!
  • 如有什么问题,也可直接通过邮箱 277511806@qq.com 联系我。

本章涉及资源下载:

链接: https://pan.baidu.com/s/1o84o6JS 密码: htx6

属性


  • animationType(动画类型) PropTypes.oneOf([‘none’, ‘slide’, ‘fade’])

    • none:没有动画
    • slide:从底部滑入
    • fade:淡入视野
  • onRequestClose(被销毁时会调用此函数)Platform.OS ===’android’?PropTypes.func.isRequired:PropTypes.func

    • 在 ‘Android’ 平台,必需使用此函数
  • onShow(模态显示的时候被调用)function

  • transparent (透明度) bool

    • true时,使用透明背景渲染模态。
  • visible

以上是关于React Native 之 Modal介绍与使用的主要内容,如果未能解决你的问题,请参考以下文章

REACT NATIVE 系列教程之八不使用NAVIGATOR实现切换(页面)场景的两种形式(逻辑与MODAL)

REACT NATIVE 系列教程之八不使用NAVIGATOR实现切换(页面)场景的两种形式(逻辑与MODAL)

RN-第三方之react-native-root-modal、或者modal实现侧栏效果

react-native-modalbox的使用

与 React Native <Modal /> 背后的内容交互?

在 Modal 中防止键盘关闭 React Native