nat
/
resin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Highlight active tab in the bottom navigation tray

This commit is contained in:
Nat 2022-05-10 14:47:20 -07:00
parent f74544634b
commit fade8321aa
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.js
View File

@ -40,7 +40,11 @@ const MainNavigator = () => {
// Tabbed navigator for Feed, Discover, Publish, Direct and Profile // Tabbed navigator for Feed, Discover, Publish, Direct and Profile
const bottomTabIcon = name => { const bottomTabIcon = name => {
return ({ size }) => <Ionicons name = { name } size = { size }/> return ({ size, focused }) =>
<Ionicons
name = { name }
size = { size }
color = { focused ? "black" : "#666" }/>
}; };
const screenOptions = { const screenOptions = {
@ -50,7 +54,7 @@ const MainNavigator = () => {
tabBarShowLabel: false, tabBarShowLabel: false,
tabBarStyle: { tabBarStyle: {
height: 60, height: 60,
} },
}, },
Feed: { Feed: {
tabBarAccessibilityLabel: "Feed", tabBarAccessibilityLabel: "Feed",