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>

Props

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

User Permissions

The ViewContainer component will check that the user has permission to load this view – as determined by the permissions set in the router.