View
The <ViewContainer> component is a wrapper for all of your views – you should render all of your content inside of this.
Be careful not to confuse this component with React Native's built-in View component; which is a generic wrapper for rendering elements on screen.
The <ViewContainer> houses common components that are present throughout your app, like the status bar, header and banner notification.
<ViewContainer header scrollable>
// children here
</View>
prop | description | value |
header | toggles a header section with title and nav button | true or false |
scrollable | creates a scrollable view | true or false |
justify | aligns the content in the centre of the view | true or false |
avoidKeyboard | ensure inputs remain visible when the keyboard is open | true or false |
logo | shows a logo mark in the header section | true or false |
loading | shows a loading spinner | true or false |
onRefresh | callback function executed when the user pulls to refresh | function |
The ViewContainer component will check that the user has permission to load this view – as determined by the permissions set in the router.
Last modified 3yr ago