changed navigation style
parent
51b02065ee
commit
e62f4802e2
|
@ -38,8 +38,6 @@ export default function Navigation() {
|
||||||
const currentUser =
|
const currentUser =
|
||||||
reduxStore.getState().appVariables.preferences.selectedAccount;
|
reduxStore.getState().appVariables.preferences.selectedAccount;
|
||||||
|
|
||||||
console.log('NAVIGATION', currentUser);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Stack.Navigator
|
<Stack.Navigator
|
||||||
screenOptions={{
|
screenOptions={{
|
||||||
|
@ -116,11 +114,12 @@ function CustomTabBar(props: BottomTabBarProps) {
|
||||||
<View
|
<View
|
||||||
style={{
|
style={{
|
||||||
flexDirection: 'row',
|
flexDirection: 'row',
|
||||||
margin: 10,
|
padding: 6,
|
||||||
backgroundColor: currentTheme.backgroundDark300,
|
backgroundColor: currentTheme.backgroundDark300,
|
||||||
borderRadius: 20,
|
borderTopLeftRadius: 20,
|
||||||
position: 'absolute',
|
borderTopRightRadius: 20,
|
||||||
zIndex: 100,
|
zIndex: 100,
|
||||||
|
position: 'absolute',
|
||||||
bottom: 0,
|
bottom: 0,
|
||||||
borderColor: currentTheme.backgroundDark300,
|
borderColor: currentTheme.backgroundDark300,
|
||||||
borderWidth: 3,
|
borderWidth: 3,
|
||||||
|
@ -149,7 +148,7 @@ function CustomTabBar(props: BottomTabBarProps) {
|
||||||
|
|
||||||
const gradientColors = isFocused
|
const gradientColors = isFocused
|
||||||
? [currentTheme.secondary200, currentTheme.primary400]
|
? [currentTheme.secondary200, currentTheme.primary400]
|
||||||
: [currentTheme.backgroundDark300, currentTheme.backgroundDark300];
|
: [currentTheme.backgroundDark400, currentTheme.backgroundDark400];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<MyTouchableOpacity
|
<MyTouchableOpacity
|
||||||
|
@ -161,6 +160,7 @@ function CustomTabBar(props: BottomTabBarProps) {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
|
backgroundColor: currentTheme.backgroundDark400,
|
||||||
borderRadius: 20,
|
borderRadius: 20,
|
||||||
marginRight: state.routes.length - 1 !== index ? 4 : 0,
|
marginRight: state.routes.length - 1 !== index ? 4 : 0,
|
||||||
}}>
|
}}>
|
||||||
|
|
Reference in New Issue