Can Multiple tab added in under one tab in react navigation ? [React-native] [on hold]
up vote
0
down vote
favorite
Here in Bottom tab opt community. I want to add 3 top bar tab option
but I can't find out how to do it with react navigation
I am using React Navigation
react-native react-native-android react-native-navigation
asked 21 hours ago
tawkir haque
12
New contributor
tawkir haque is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
put on hold as unclear what you're asking by EdChum, Unheilig, greg-449, Umair, GhostCat 17 hours ago
Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
add a comment |
up vote
0
down vote
favorite
Here in Bottom tab opt community. I want to add 3 top bar tab option
but I can't find out how to do it with react navigation
I am using React Navigation
react-native react-native-android react-native-navigation
asked 21 hours ago
tawkir haque
12
New contributor
tawkir haque is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
put on hold as unclear what you're asking by EdChum, Unheilig, greg-449, Umair, GhostCat 17 hours ago
Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Here in Bottom tab opt community. I want to add 3 top bar tab option
but I can't find out how to do it with react navigation
I am using React Navigation
react-native react-native-android react-native-navigation
asked 21 hours ago
tawkir haque
12
New contributor
tawkir haque is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Here in Bottom tab opt community. I want to add 3 top bar tab option
but I can't find out how to do it with react navigation
I am using React Navigation
react-native react-native-android react-native-navigation
react-native react-native-android react-native-navigation
asked 21 hours ago
tawkir haque
12
New contributor
tawkir haque is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 21 hours ago
tawkir haque
12
New contributor
tawkir haque is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited 21 hours ago
asked 21 hours ago
tawkir haque
12
New contributor
tawkir haque is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 21 hours ago
tawkir haque
12
asked 21 hours ago
tawkir haque
12
12
New contributor
tawkir haque is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
tawkir haque is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
tawkir haque is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
put on hold as unclear what you're asking by EdChum, Unheilig, greg-449, Umair, GhostCat 17 hours ago
Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
put on hold as unclear what you're asking by EdChum, Unheilig, greg-449, Umair, GhostCat 17 hours ago
Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
Yes, you can do this by nesting tabs, here is a little example:
const otherTab = createTabNavigator({
OtherTab1: {
screen: OtherTab1Screen
},
OtherTab2: {
screen: OtherTab2Screen
},
OtherTab3: {
screen: OtherTab3Screen
}
}, {
initialRouteName: 'OtherTab1',
});
const Tabs = createBottomTabNavigator({
Home: {
screen: otherTab,
},
Events: {
screen: EventStack,
},
Templates:{
screen: TemplateStack
}
}, {
initialRouteName: 'Home',
tabBarOptions: {
activeTintColor: theme.palette.primaryColor,
},
tabBarComponent: CustomTab,
tabBarPosition: 'bottom',
});
notice that otherTab is nested inside a bottomTab. I hope this help.
answered 21 hours ago
Osiel Lima
1043
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
Yes, you can do this by nesting tabs, here is a little example:
const otherTab = createTabNavigator({
OtherTab1: {
screen: OtherTab1Screen
},
OtherTab2: {
screen: OtherTab2Screen
},
OtherTab3: {
screen: OtherTab3Screen
}
}, {
initialRouteName: 'OtherTab1',
});
const Tabs = createBottomTabNavigator({
Home: {
screen: otherTab,
},
Events: {
screen: EventStack,
},
Templates:{
screen: TemplateStack
}
}, {
initialRouteName: 'Home',
tabBarOptions: {
activeTintColor: theme.palette.primaryColor,
},
tabBarComponent: CustomTab,
tabBarPosition: 'bottom',
});
notice that otherTab is nested inside a bottomTab. I hope this help.
answered 21 hours ago
Osiel Lima
1043
add a comment |
up vote
0
down vote
Yes, you can do this by nesting tabs, here is a little example:
const otherTab = createTabNavigator({
OtherTab1: {
screen: OtherTab1Screen
},
OtherTab2: {
screen: OtherTab2Screen
},
OtherTab3: {
screen: OtherTab3Screen
}
}, {
initialRouteName: 'OtherTab1',
});
const Tabs = createBottomTabNavigator({
Home: {
screen: otherTab,
},
Events: {
screen: EventStack,
},
Templates:{
screen: TemplateStack
}
}, {
initialRouteName: 'Home',
tabBarOptions: {
activeTintColor: theme.palette.primaryColor,
},
tabBarComponent: CustomTab,
tabBarPosition: 'bottom',
});
notice that otherTab is nested inside a bottomTab. I hope this help.
answered 21 hours ago
Osiel Lima
1043
add a comment |
up vote
0
down vote
up vote
0
down vote
Yes, you can do this by nesting tabs, here is a little example:
const otherTab = createTabNavigator({
OtherTab1: {
screen: OtherTab1Screen
},
OtherTab2: {
screen: OtherTab2Screen
},
OtherTab3: {
screen: OtherTab3Screen
}
}, {
initialRouteName: 'OtherTab1',
});
const Tabs = createBottomTabNavigator({
Home: {
screen: otherTab,
},
Events: {
screen: EventStack,
},
Templates:{
screen: TemplateStack
}
}, {
initialRouteName: 'Home',
tabBarOptions: {
activeTintColor: theme.palette.primaryColor,
},
tabBarComponent: CustomTab,
tabBarPosition: 'bottom',
});
notice that otherTab is nested inside a bottomTab. I hope this help.
answered 21 hours ago
Osiel Lima
1043
Yes, you can do this by nesting tabs, here is a little example:
const otherTab = createTabNavigator({
OtherTab1: {
screen: OtherTab1Screen
},
OtherTab2: {
screen: OtherTab2Screen
},
OtherTab3: {
screen: OtherTab3Screen
}
}, {
initialRouteName: 'OtherTab1',
});
const Tabs = createBottomTabNavigator({
Home: {
screen: otherTab,
},
Events: {
screen: EventStack,
},
Templates:{
screen: TemplateStack
}
}, {
initialRouteName: 'Home',
tabBarOptions: {
activeTintColor: theme.palette.primaryColor,
},
tabBarComponent: CustomTab,
tabBarPosition: 'bottom',
});
notice that otherTab is nested inside a bottomTab. I hope this help.
answered 21 hours ago
Osiel Lima
1043
answered 21 hours ago
Osiel Lima
1043
answered 21 hours ago
Osiel Lima
1043
answered 21 hours ago
Osiel Lima
1043
1043
add a comment |
add a comment |
