Реагировать на навигацию - Создание элемента навигации на вкладке не работает? - PullRequest
0 голосов
/ 27 мая 2018

Я пытаюсь создать вкладку с помощью React Navigation.Вот мой код:

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>

Вот что получается:

В основном навигатор не занимает места иЯ не знаю почему.Я также попробовал это

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

и для Navigator JSX, передающего style={{width: 200, height: 200}}, но это, похоже, ничего не делает.Что я делаю не так?

1 Ответ

0 голосов
/ 27 мая 2018

Вы должны обязательно указать атрибуты стиля flexDirection и height в каждом View, который вы используете.Я добавил height в родительское представление внутри render(), и оно работает просто отлично.

Ссылка: https://snack.expo.io/Hy-oLAvJ7

...