Reduce navigation bar height and adapt FAB buttons position

-Reduce navigation height from 60 to 54 in order to optimize feed space.
-Fix FAB position not correct after navigation height modification.
-Fix scrollview in relays page and add space between last relay and FAB button.
This commit is contained in:
Pablo Carballeda 2023-02-03 01:00:32 +01:00
parent 9e98401c4e
commit 6a1128e1e4
4 changed files with 4 additions and 4 deletions

View File

@ -330,7 +330,7 @@ export const ContactsFeed: React.FC = () => {
{renderScene[tabKey]}
{privateKey && (
<AnimatedFAB
style={[styles.fab, { top: Dimensions.get('window').height - 220 }]}
style={[styles.fab, { top: Dimensions.get('window').height - 216 }]}
icon='account-multiple-plus-outline'
label='Label'
onPress={() => bottomSheetAddContactRef.current?.open()}

View File

@ -250,7 +250,7 @@ export const ConversationsFeed: React.FC = () => {
</View>
)}
<AnimatedFAB
style={[styles.fab, { top: Dimensions.get('window').height - 220 }]}
style={[styles.fab, { top: Dimensions.get('window').height - 216 }]}
icon='pencil-outline'
label='Label'
onPress={() => bottomSheetCreateRef.current?.open()}

View File

@ -187,7 +187,7 @@ export const HomeFeed: React.FC<HomeFeedProps> = ({ navigation }) => {
<View style={styles.feed}>{renderScene[tabKey]}</View>
{privateKey && (
<AnimatedFAB
style={[styles.fab, { top: Dimensions.get('window').height - 220 }]}
style={[styles.fab, { top: Dimensions.get('window').height - 216 }]}
icon='pencil-outline'
label='Label'
onPress={() => navigate('Send')}

View File

@ -105,7 +105,7 @@ export const HomePage: React.FC = () => {
},
tabBarStyle: {
borderTopWidth: 0,
height: 60,
height: 54,
},
tabBarInactiveBackgroundColor: '#001C37',
tabBarActiveBackgroundColor: theme.colors.secondaryContainer,