react native modal 层级
在 React Native 中,Modal 的层级是通过 modalPresentationStyle 和 modalTransitionStyle 来控制的。modalPresentationStyle 属性决定了 Modal 的展示方式,有以下几个选项:
- "fullScreen": Modal 占满整个屏幕,覆盖在其他内容之上。
- "pageSheet": Modal 在 iPad 上以页面形式显示,占用部分屏幕,覆盖在其他内容之上。
- "formSheet": Modal 在 iPad 上以表单形式显示,占用较小的屏幕空间,覆盖在其他内容之上。
- "overFullScreen": Modal 占满整个屏幕,透明背景,会显示底部内容。
- "overCurrentContext": Modal 占满整个屏幕,透明背景,不会遮挡底部内容。
modalTransitionStyle 属性决定了 Modal 的过渡效果,有以下几个选项:
- "coverVertical": 竖直方向的拉伸动画,Modal 从底部向上弹出。
-
"flipHorizontal": 水平方向的翻转动画,Modal 从右侧向左侧翻转。
- "crossDissolve": 淡入淡出动画,Modal 渐渐显示出来。
- "partialCurl": Modal 的底部向上翻页动画,类似于书籍翻页效果。可以通过设置这两个属性的值,来控制 Modal 的层级。例如,设置 modalPresentationStyle 为 "overFullScreen",可以让 Modal 全屏显示,但透明背景可以显示底部内容。react耐克af1
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论