so if the parent wrapper
* is a HTML document, we need to ensure its inside the
*/
const wrapper = (children: any) => {
return (
{/* */}
{children}
{/* Users can override this by adding another StatusBar element anywhere higher in the component tree. */}
{/* {!hasViewControllerBasedStatusBarAppearance && } */}
{/* */}
)
}
if (store.shouldShowTutorial()) {
SplashScreen.hideAsync()
if (process.env.NODE_ENV === 'development') {
return wrapper(
<>
{/* TODO */}
{/*
*/}
)
}
// Ensure tutorial styles are stripped in production.
return null
}
const Component = store.rootComponent
if (!Component) {
throw new Error(`No root component found`)
}
return (
{wrapper()}
)
}
let onUnhandledAction: (action: NavigationAction) => void
if (process.env.NODE_ENV !== 'production') {
onUnhandledAction = (action: NavigationAction) => {
const payload: Record
| undefined = action.payload
let message = `The action '${action.type}'${
payload ? ` with payload ${JSON.stringify(action.payload)}` : ''
} was not handled by any navigator.`
switch (action.type) {
case 'NAVIGATE':
case 'PUSH':
case 'REPLACE':
case 'JUMP_TO':
if (payload?.name) {
message += `\n\nDo you have a route named '${payload.name}'?`
} else {
message += `\n\nYou need to pass the name of the screen to navigate to. This may be a bug.`
}
break
case 'GO_BACK':
case 'POP':
case 'POP_TO_TOP':
message += `\n\nIs there any screen to go back to?`
break
case 'OPEN_DRAWER':
case 'CLOSE_DRAWER':
case 'TOGGLE_DRAWER':
message += `\n\nIs your screen inside a Drawer navigator?`
break
}
message += `\n\nThis is a development-only warning and won't be shown in production.`
if (process.env.NODE_ENV === 'test') {
throw new Error(message)
}
console.error(message)
}
} else {
onUnhandledAction = () => {}
}