diff --git a/src/components/avatarHeader/avatarHeaderStyles.js b/src/components/avatarHeader/avatarHeaderStyles.js index 1840141d8..b58f022be 100644 --- a/src/components/avatarHeader/avatarHeaderStyles.js +++ b/src/components/avatarHeader/avatarHeaderStyles.js @@ -2,9 +2,11 @@ import EStyleSheet from 'react-native-extended-stylesheet'; export default EStyleSheet.create({ headerContainer: { - height: 100, flexDirection: 'row', - padding: 21, + paddingTop: 8, + paddingHorizontal: 24, + paddingBottom:24, + alignItems:'center' }, backIcon: { color: '$white', @@ -16,7 +18,7 @@ export default EStyleSheet.create({ alignItems: 'center', }, textWrapper: { - marginLeft: 16, + marginLeft: 24, }, name: { color: '$white', diff --git a/src/components/avatarHeader/avatarHeaderView.js b/src/components/avatarHeader/avatarHeaderView.js index 65528d563..c33b8a58d 100644 --- a/src/components/avatarHeader/avatarHeaderView.js +++ b/src/components/avatarHeader/avatarHeaderView.js @@ -8,6 +8,7 @@ import { IconButton } from '../iconButton'; // Styles import styles from './avatarHeaderStyles'; +import { TouchableOpacity } from 'react-native'; const AvatarHeader = ({ username, @@ -34,22 +35,25 @@ const AvatarHeader = ({ size={25} /> - - + + + + + {!!name && {name}} {`@${username} (${reputation})`} diff --git a/src/screens/profileEdit/screen/profileEditScreen.js b/src/screens/profileEdit/screen/profileEditScreen.js index deaddc5ea..5f07cc663 100644 --- a/src/screens/profileEdit/screen/profileEditScreen.js +++ b/src/screens/profileEdit/screen/profileEditScreen.js @@ -1,4 +1,5 @@ import React, { PureComponent, Fragment } from 'react'; +import {StatusBar} from 'react-native'; import { injectIntl } from 'react-intl'; import get from 'lodash/get'; import ActionSheet from 'react-native-actionsheet'; @@ -55,6 +56,7 @@ class ProfileEditScreen extends PureComponent { handleOnSubmit, }) => ( +