I'm trying to create a tabbed layout using React Navigation. Here's my code:

const Navigator = createMaterialTopTabNavigator({ Wines, Stores, Vineyards, Restaurants }); // in render() <View style={styles.navContainer}> <Navigator screenProps={this.getScreenProps()} /> <Text>Hello, world!</Text> // Put here for demonstrational purposes </View>

This is what results:

Basically the navigator isn't taking up any space and I don't know why. I also tried this

const Navigator = createMaterialTopTabNavigator({ Wines: {screen: Wines}, Stores: {screen: Stores}, Vineyards: {screen: Vineyards}, Restaurants: {screen: Restaurants} });