Portal.Host
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
.
Usage
import * as React from 'react';
import { Text } from 'react-native';
import { Portal } from 'react-native-paper';
const MyComponent = () => (
<Portal.Host>
<Text>Content of the app</Text>
</Portal.Host>
);
export default MyComponent;
Here any Portal
elements under <App />
are rendered alongside <App />
and will appear above <App />
like a Modal
.
Props
children
(required)Type:
React.ReactNode