Not working with createSwitchNavigator when using react-navigation

This library works flawlessly with createStackNavigator but doesn;t work with createSwitchNavigator.

I have a root layout all my components are wrapped with set like this.

This happens with react-navigation library

render(){

        {
            return this.state.fontLoaded ? 
                (
                    <View style={{flex: 1}}>
                        { this.props.children }
                        <FlashMessage position="top" titleStyle={{ fontFamily: 'maven-pro' }}/>
                    </View>
                ) : null
        }
    }

[lucasferreira]

Hi @paschaldev I will close this issue since the main “problem” about createSwitchNavigator are solved.

For your other trouble I’ve recommend you to use the FlashMessage option floating={true}:

<FlashMessage position="top" floating={true} />

This option will modify a little the layout of FlashMessage, but will help eliminating the extra paddingTop inside the message.

Other option it’s don’t use the “androidStatusBar” thing in app.json. I don’t like this “straight fixed bar” of android since the other devices like iPhone (principle iPhone X, XR and XS) it isn’t possible to do it cause “the notch” of device. If you really need to made some black bar in android, you could use the StatusBar module of REACT NATIVE https://facebook.github.io/react-native/docs/statusbar#setbackgroundcolor and not this “androidStatusBar.backgroundColor”.

You could try something like that:

import { StatusBar } from "react-native";

.....
.....

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <StatusBar backgroundColor="black" barStyle="light-content" />
        <AppContainer />
        <FlashMessage position="top" />
      </View>
    );
  }
}

[paschaldev]

Thanks very much for your help @lucasferreira I appreciate