Portal allows to render a component at a different place in the parent tree. You can use it to render content which should appear above other elements, similar to Modal. It requires a Portal.Host component to be rendered somewhere in the parent tree.


import * as React from 'react';
import { Portal, Text } from 'react-native-paper';

export default class MyComponent extends React.Component {
  render() {
    const { visible } = this.state;
    return (
        <Text>This is rendered at a different place</Text>


children (required)
Type: React.Node

Content of the Portal.

Type: Theme

Static properties