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	✔️	✔️