import React from 'react';
import { createBottomTabNavigator } from 'react-navigation-tabs';
import { Themed } from '@react-navigation/native';
import { Button, View } from 'react-native';
import { Feather } from '@expo/vector-icons';
class Screen extends React.Component {
static navigationOptions = ({ navigation }) => ({
tabBarLabel: navigation.getParam('title'),
tabBarIcon: ({ tintColor }) => (
),
});
render() {
return (
{JSON.stringify(this.props.navigation.state.params)}
);
}
}
export const createSimpleTabs = (options = {}) => {
return createBottomTabNavigator(
{
A: {
screen: Screen,
params: { title: 'First One', icon: 'activity' },
},
B: {
screen: Screen,
params: { title: 'Second One', icon: 'aperture' },
},
C: {
screen: Screen,
params: { title: 'Third One', icon: 'anchor' },
},
D: {
screen: Screen,
params: { title: 'Fourth One', icon: 'archive' },
},
},
{
backBehavior: 'history',
...options,
tabBarOptions: {
activeTintColor: {
light: '#000',
dark: '#fff',
},
inactiveTintColor: {
light: 'rgba(0,0,0,0.2)',
dark: 'rgba(255,255,255,0.2)',
},
...options.tabBarOptions,
},
}
);
};
export default createSimpleTabs();