示例#1
0
import {TabNavigator, TabBarIcon} from '@frogpond/navigation-tabs'

import {OtherModesView} from './other-modes'
import {BusView} from './bus'

export {OtherModesDetailView} from './other-modes'
export {BusMap} from './bus'

const TransportationView = TabNavigator({
	ExpressLineBusView: {
		screen: ({navigation}) => (
			<BusView line="Express Bus" navigation={navigation} />
		),
		navigationOptions: {
			tabBarLabel: 'Express Bus',
			tabBarIcon: TabBarIcon('bus'),
		},
	},

	RedLineBusView: {
		screen: ({navigation}) => (
			<BusView line="Red Line" navigation={navigation} />
		),
		navigationOptions: {
			tabBarLabel: 'Red Line',
			tabBarIcon: TabBarIcon('bus'),
		},
	},

	BlueLineBusView: {
		screen: ({navigation}) => (
示例#2
0
const CalendarView = TabNavigator({
	StOlafCalendarView: {
		screen: ({navigation}) => (
			<CccCalendarView
				calendar="stolaf"
				navigation={navigation}
				poweredBy={{
					title: 'Powered by the St. Olaf calendar',
					href: 'https://wp.stolaf.edu/calendar/',
				}}
			/>
		),
		navigationOptions: {
			tabBarLabel: 'St. Olaf',
			tabBarIcon: TabBarIcon('school'),
		},
	},

	OlevilleCalendarView: {
		screen: ({navigation}) => (
			<CccCalendarView
				calendar="oleville"
				navigation={navigation}
				poweredBy={{
					title: 'Powered by the Oleville calendar',
					href: 'https://oleville.com/events/',
				}}
			/>
		),
		navigationOptions: {