跳到主要内容
版本:4.x

RootPortal

root-portal 使整个子树从页面中脱离出来,类似于在 CSS 中使用 fixed position 的效果。主要用于制作弹窗、弹出层等。

支持情况:

参考文档

类型

ComponentType<RootPortalProps>

示例代码

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

参数类型默认值必填说明
enablebooleantrue是否从页面中脱离出来

API 支持度

API微信小程序支付宝小程序H5React NativeHarmony
RootPortalProps.enable✔️✔️