fix: 🐛 Added hitslop to language button to increase touch area (#449)

✅ Closes: #436
kolplattformen · Sep 1, 2021 · 26a85da · 26a85da
1 parent b0eae3d
commit 26a85da
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/app/components/auth.component.tsx b/packages/app/components/auth.component.tsx
@@ -13,7 +13,6 @@ import {
   TouchableWithoutFeedback,
   View,
 } from 'react-native'
-import { TouchableOpacity } from 'react-native-gesture-handler'
 import { NativeStackNavigationOptions } from 'react-native-screens/native-stack'
 import { LanguageService } from '../services/languageService'
 import { Layout as LayoutStyle, Sizing, Typography } from '../styles'
@@ -63,7 +62,8 @@ export const Auth: React.FC<AuthProps> = ({ navigation }) => {
       <SafeAreaViewContainer>
         <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
           <View style={LayoutStyle.flex.full}>
-            <TouchableOpacity
+            <TouchableWithoutFeedback
+              hitSlop={{ top: 20, bottom: 20, left: 20, right: 20 }}
               onPress={() => navigation.navigate('SetLanguage')}
               accessibilityHint={translate(
                 'auth.a11y_navigate_to_change_language',
@@ -83,7 +83,7 @@ export const Auth: React.FC<AuthProps> = ({ navigation }) => {
                 />
                 <Text style={styles.languageText}>{currentLanguageName}</Text>
               </View>
-            </TouchableOpacity>
+            </TouchableWithoutFeedback>
             <KeyboardAvoidingView>
               <View style={styles.content}>
                 <View style={styles.imageWrapper}>