反应导航-创建选项卡导航器元素不起作用？

Question

我正在尝试使用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}} ，但它似乎无能为力。 我究竟做错了什么？

Answer 1

您必须确保在使用的每个View指定flexDirection和height样式属性。 我在render()的父视图中增加了height ，并且工作正常。

链接： https ： //snack.expo.io/Hy-oLAvJ7