Portal host renders all of its children Portal elements. For example, you can wrap a screen in Portal.Host to render items above the screen. If you're using the Provider component, it already includes Portal.Host.


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

export default class MyComponent extends React.Component {
  render() {
    return (
        <Text>Content of the app</Text>

Here any Portal elements under <App /> are rendered alongside <App /> and will appear above <App /> like a Modal.


children (required)
Type: React.ReactNode