react-native - react-native-navigation (pepperoni-starter-pack を使用) で新しい画面を追加するにはどうすればよいですか?

Question

react-navigationを使用するpepperoni-app-kitを使用して、モバイル アプリのプロトタイプを作成しようとしています。ただし、アプリケーションに新しい画面を追加できないことがわかりました。まるで画面が存在しないかのようです。

使用方法は次のとおりreact-navigationです。Pizza画面を追加しました。

import {TabNavigator, StackNavigator} from 'react-navigation'

export const MainScreenNavigator = TabNavigator({
  Pizza: {screen: PizzaLocator},
  Counter: {screen: CounterViewContainer},
  Color: {screen: ColorViewContainer},
}, {
  tabBarOptions: {
    ...Platform.select({
      android: {
        activeTintColor: activeColor,
        indicatorStyle: {backgroundColor: activeColor},
        style: {backgroundColor: headerColor}
      }
    })
  }
})

この新しい画面では、スターター パックの他の画面を模倣しました。

class PizzaLocator extends Component {
  static displayName = "PizzaLocator"

  static navigationOptions = {
    title: 'Pizza',
    tabBarLabel: "Pizza",
    tabBar: () => ({
      icon: (props) => (
        <Icon name='pizza' size={24} color="Yellow" />
      )
    }),
    // TODO: move this into global config?
    header: {
      tintColor: 'white',
      style: { backgroundColor: '#39babd' }
    }
  }

  render() {
    return (
      <View style={styles.container}>
        <Text>{"It's dangerous to go alone; take this map."}</Text>
      </View>
    )
  }
}

PizzaLocatorまた、他の画面と同じように簡単にラップしてみましたPizzaLocatorContainerが (ほとんどは ですconnect(Thing))、何も変わりませんでした。

私は何が欠けていますか？ペパロニの使い方はreact-navigation規格外？ありがとう！