React-Native 组件之 Modal

缪志新
2023-12-01

Modal组件可以用来覆盖包含React Native根视图的原生视图(如UIViewController,Activity),用它可以实现遮罩的效果。

属性

Modal提供的属性有:

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

  • none:没有动画
  • slide:从底部滑入
  • fade:淡入视野

onRequestClose(被销毁时会调用此函数)

  • 在 ‘Android’ 平台,必需调用此函数

onShow(模态显示的时候被调用)

transparent (透明度) bool

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

visible(可见性) bool

onOrientationChange(方向改变时调用)

  • 在模态方向变化时调用,提供的方向只是 ” 或 ”。在初始化渲染的时候也会调用,但是不考虑当前方向。

supportedOrientations(允许模态旋转到任何指定取向)[‘portrait’, ‘portrait-upside-down’, ‘landscape’,’landscape-left’,’landscape-right’]࿰

 类似资料: