RootPortal
root-portal 使整个子树从页面中脱离出来,类似于在 CSS 中使用 fixed position 的效果。主要用于制作弹窗、弹出层等。
支持情况:
类型
ComponentType<RootPortalProps>
示例代码
- React
import { useState } from 'react'
import { RootPortal, View, Button } from '@tarojs/components'
export default function RootPortalExample {
const [show, setShow] = useState(false)
const toggle = () => {
setShow(!show)
}
render () {
return (
<View>
<Button onClick={toggle}>显示root-portal</Button>
{
show && (<RootPortal><View>content</View></RootPortal>)
}
</View>
)
}
}
RootPortalProps
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
enable | boolean | true | 否 | 是否从页面中脱离出来 |
API 支持度
API | 微信小程序 | 支付宝小程序 | H5 | React Native | Harmony |
---|---|---|---|---|---|
RootPortalProps.enable | ✔️ | ✔️ |