ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-11-25 21:53:04 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

consistent top header padding across devices

Browse Source
This commit is contained in:
noumantahir 2024-10-22 19:25:13 +05:00
parent 0c2f2035e9
commit de01bad3e8
4 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -148,7 +148,7 @@
"react-native-receive-sharing-intent": "^2.0.0",
"react-native-render-html": "^6.0.5",
"react-native-restart": "^0.0.24",
"react-native-safe-area-context": "^4.7.4",
"react-native-safe-area-context": "^4.11.1",
"react-native-screens": "3.27.0",
"react-native-select-dropdown": "^3.4.0",
"react-native-slider": "^0.11.0",

5
src/components/header/view/headerStyles.ts
View File

@ -1,13 +1,12 @@
import EStyleSheet from 'react-native-extended-stylesheet';
import { Platform } from 'react-native';
export default EStyleSheet.create({
container: {
flexDirection: 'row',
width: '100%',
backgroundColor: '$primaryBackgroundColor',
flex: 1,
maxHeight: Platform.OS === 'ios' ? 105 : 80,
paddingTop:8,
paddingBottom:12,
},
containerReverse: {
justifyContent: 'space-between',

5
src/components/header/view/headerView.tsx
View File

@ -1,5 +1,5 @@
import React, { useState } from 'react';
import { View, Text, SafeAreaView, TouchableOpacity } from 'react-native';
import { View, Text, TouchableOpacity} from 'react-native';
import LinearGradient from 'react-native-linear-gradient';
import { useIntl } from 'react-intl';
@ -14,6 +14,7 @@ import ROUTES from '../../../constants/routeNames';
// Styles
import styles from './headerStyles';
import { SafeAreaView } from 'react-native-safe-area-context';
const HeaderView = ({
displayName,
@ -134,7 +135,7 @@ const HeaderView = ({
);
return (
<SafeAreaView style={[styles.container, isReverse && styles.containerReverse]}>
<SafeAreaView edges={['top']} style={[styles.container, isReverse && styles.containerReverse]}>
{!hideUser && (
<>
<SearchModal

8
yarn.lock
View File

@ -11588,10 +11588,10 @@ react-native-restart@^0.0.24:
resolved "https://registry.yarnpkg.com/react-native-restart/-/react-native-restart-0.0.24.tgz#c7036f25d900d9221b84d3e5129b02d4289d4e94"
integrity sha512-pvJNU3NwQk6bCG2gOWcQpZ4IxhtELB0K9gzmtixfsaTFbW1UXXHkJNjk1kHazcbH5hrD7QbUkR63fsAVh8X4VQ==
react-native-safe-area-context@^4.7.4:
version "4.8.0"
resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-4.8.0.tgz#9fce29095b11deeead8da0abce32ee729fb3eb41"
integrity sha512-UTmn0jvikcA8LeCQuEV4/bQ1ZLODSaaEXKSK3wUskNwmtIgHFzT3lLXOBucFnyDYIxviJSWJeVc77eeBXc0UCA==
react-native-safe-area-context@^4.11.1:
version "4.11.1"
resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-4.11.1.tgz#dae959f4512ca125f087a44c16b2c23de10b0e29"
integrity sha512-urF1m4nFiZFaWjsv2zj8J/hKvo4b2tJW+6CYU1mY4lKv1RwhG2eV8J/EHKuNlLhATZx3+6j7szrpHrQW2ZcAaQ==
react-native-safe-area-context@^4.8.2:
version "4.9.0"