Merge branch '106-bottom-nav-goes-off-screen' into 'master'

Resolve "bottom nav goes off screen for lower res screens"

Closes #106

See merge request aretherecookies/ui-mobile!25
This commit is contained in:
Bart Akeley 2019-12-14 17:14:21 +00:00
commit 160c1f330f

View file

@ -34,30 +34,55 @@ const Nav = (props: Props) => {
icon="local-pizza"
label="Food"
onPress={setRoute('/list/food')}
style={{
container: {
minWidth: 40,
},
}}
/>
<BottomNavigation.Action
key="places"
icon="restaurant"
label="Places"
onPress={setRoute('/list/places')}
style={{
container: {
minWidth: 40,
},
}}
/>
<BottomNavigation.Action
key="add"
icon="add-circle"
label="Add"
onPress={setRoute(`/createFoodItem?backto=${location.pathname}`)}
style={{
container: {
minWidth: 40,
},
}}
/>
<BottomNavigation.Action
key="fave"
icon="favorite"
label="Favorites"
label="Faves"
onPress={setRoute('/list/food')}
style={{
container: {
minWidth: 40,
},
}}
/>
<BottomNavigation.Action
key="profile"
icon="person"
label="Profile"
onPress={setRoute('/list/profile')}
style={{
container: {
minWidth: 40,
},
}}
/>
</BottomNavigation>
</SafeAreaView>