在Storybook中渲染TabNavigator

Question

我想使用Storybook.js来模拟使用createMaterialTopTabNavigator（）的页面。但是我无法渲染材质Tab，因为该函数的输出实际上不是React组件。因此，当我直接尝试<TabNavigator />时，它就发生了一个不变的冲突，即缺少“导航”。我发现的唯一解决方法是在TabNavigator周围使用createAppContainer（）。但是我知道使用多个导航器是一种不好的做法。 有没有不需要导航容器即可呈现react导航器元素的方法吗？] >>

这是我当前用于故事书的代码：

const tabConfiguration = {
  Old: {
    screen: OldProductsScreen,
    navigationOptions: {
      title: "Old"
    }
  },
  New: {
    screen: NewProductsScreen,
    navigationOptions: {
      title: "New"
    }
  }
};
const TabNavigator = createMaterialTopTabNavigator(tabConfiguration);

storiesOf('Test', module)
  .add('Initial', () => {
    const TAB = createAppContainer(TabNavigator);
    return (
      <TAB / >
    );
  })

;

我想使用Storybook.js来模拟使用createMaterialTopTabNavigator（）的页面。但是我无法渲染材质Tab，因为该函数的输出实际上不是一个React组件。...

Answer 1

我知道，使用多个导航器是一种不好的做法。有什么方法可以在不需要导航容器的情况下渲染react导航器元素吗？