You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
2.5 KiB
99 lines
2.5 KiB
/**
|
|
* @flow
|
|
*/
|
|
|
|
import React from 'react'
|
|
import { Button, ScrollView } from 'react-native'
|
|
import { SafeAreaView, StackNavigator, TabNavigator } from 'react-navigation'
|
|
|
|
import Ionicons from 'react-native-vector-icons/Ionicons'
|
|
import SampleText from './SampleText'
|
|
|
|
const MyNavScreen = ({ navigation, banner }) => (
|
|
<ScrollView>
|
|
<SafeAreaView forceInset={{ horizontal: 'always' }}>
|
|
<SampleText>{banner}</SampleText>
|
|
<Button
|
|
onPress={() => navigation.navigate('Profile', { name: 'Jordan' })}
|
|
title='Open profile screen'
|
|
/>
|
|
<Button
|
|
onPress={() => navigation.navigate('NotifSettings')}
|
|
title='Open notifications screen'
|
|
/>
|
|
<Button
|
|
onPress={() => navigation.navigate('SettingsTab')}
|
|
title='Go to settings tab'
|
|
/>
|
|
<Button onPress={() => navigation.goBack(null)} title='Go back' />
|
|
</SafeAreaView>
|
|
</ScrollView>
|
|
)
|
|
|
|
const MyHomeScreen = ({ navigation }) => (
|
|
<MyNavScreen banner='Home Screen' navigation={navigation} />
|
|
)
|
|
|
|
const MyNotificationsSettingsScreen = ({ navigation }) => (
|
|
<MyNavScreen banner='Notifications Screen' navigation={navigation} />
|
|
)
|
|
|
|
const MySettingsScreen = ({ navigation }) => (
|
|
<MyNavScreen banner='Settings Screen' navigation={navigation} />
|
|
)
|
|
|
|
var bitcoin = require('bitcoinjs-lib')
|
|
var myString = bitcoin.ECPair.makeRandom().toWIF()
|
|
|
|
const TabNav = TabNavigator(
|
|
{
|
|
MainTab: {
|
|
screen: MyHomeScreen,
|
|
path: '/',
|
|
navigationOptions: {
|
|
title: 'Welcome1 ' + myString,
|
|
tabBarLabel: 'Transactions',
|
|
tabBarIcon: ({ tintColor, focused }) => (
|
|
<Ionicons
|
|
name={focused ? 'ios-home' : 'ios-home-outline'}
|
|
size={26}
|
|
style={{ color: tintColor }}
|
|
/>
|
|
)
|
|
}
|
|
},
|
|
SettingsTab: {
|
|
screen: MySettingsScreen,
|
|
path: '/settings',
|
|
navigationOptions: {
|
|
title: 'Settings',
|
|
tabBarIcon: ({ tintColor, focused }) => (
|
|
<Ionicons
|
|
name={focused ? 'ios-settings' : 'ios-settings-outline'}
|
|
size={26}
|
|
style={{ color: tintColor }}
|
|
/>
|
|
)
|
|
}
|
|
}
|
|
},
|
|
{
|
|
tabBarPosition: 'bottom',
|
|
animationEnabled: false,
|
|
swipeEnabled: false
|
|
}
|
|
)
|
|
|
|
const SecondaryBottomTabs = StackNavigator({
|
|
Root: {
|
|
screen: TabNav
|
|
},
|
|
NotifSettings: {
|
|
screen: MyNotificationsSettingsScreen,
|
|
navigationOptions: {
|
|
title: 'Notifications'
|
|
}
|
|
}
|
|
})
|
|
|
|
export default SecondaryBottomTabs
|
|
|