diff options
| -rw-r--r-- | src/screens/moments/TagFriendsScreen.tsx | 16 | ||||
| -rw-r--r-- | src/screens/profile/ChoosingCategoryScreen.tsx | 1 |
2 files changed, 10 insertions, 7 deletions
diff --git a/src/screens/moments/TagFriendsScreen.tsx b/src/screens/moments/TagFriendsScreen.tsx index 6c982936..fc3bccf2 100644 --- a/src/screens/moments/TagFriendsScreen.tsx +++ b/src/screens/moments/TagFriendsScreen.tsx @@ -16,11 +16,11 @@ import {MomentTags} from '../../components'; import {TagFriendsFooter} from '../../components/moments'; import {MomentTagType} from '../../types'; import { - SCREEN_WIDTH, - SCREEN_HEIGHT, HeaderHeight, isIPhoneX, normalize, + SCREEN_HEIGHT, + SCREEN_WIDTH, } from '../../utils'; type TagFriendsScreenRouteProps = RouteProp< @@ -120,10 +120,10 @@ const TagFriendsScreen: React.FC<TagFriendsScreenProps> = ({route}) => { return ( <View style={styles.contentContainer}> <View - style={{ - position: 'absolute', - paddingTop: SCREEN_HEIGHT / 2 - imageHeight / 2, - }}> + style={[ + styles.innerContainer, + {paddingTop: SCREEN_HEIGHT / 2 - imageHeight / 2}, + ]}> <TouchableWithoutFeedback onPress={() => navigation.navigate('TagSelectionScreen', { @@ -206,6 +206,7 @@ const TagFriendsScreen: React.FC<TagFriendsScreenProps> = ({route}) => { style={[ styles.shareButtonTitle, // makes the Done buttomn invisible if there are no tags + // eslint-disable-next-line react-native/no-inline-styles {opacity: tags.length !== 0 ? 1 : 0}, ]}> Done @@ -295,6 +296,9 @@ const styles = StyleSheet.create({ bottom: 0, height: SCREEN_HEIGHT * 0.15, }, + innerContainer: { + position: 'absolute', + }, }); export default TagFriendsScreen; diff --git a/src/screens/profile/ChoosingCategoryScreen.tsx b/src/screens/profile/ChoosingCategoryScreen.tsx index 68586aef..8a7e3007 100644 --- a/src/screens/profile/ChoosingCategoryScreen.tsx +++ b/src/screens/profile/ChoosingCategoryScreen.tsx @@ -10,7 +10,6 @@ import { View, } from 'react-native'; import LinearGradient from 'react-native-linear-gradient'; -import {useSafeAreaInsets} from 'react-native-safe-area-context'; import {useDispatch, useSelector} from 'react-redux'; import FrontArrow from '../../assets/icons/front-arrow.svg'; import PlusIcon from '../../assets/icons/plus-icon.svg'; |