fix(receive): elements not pressable on Android

Author: pwltr

e2e/slashtags.e2e.js

@@ -83,7 +83,9 @@ d('Profile and Contacts', () => {
 			await element(by.id('ProfileAddLink')).tap();
 
 			await element(by.id('LinkLabelInput')).typeText('LINK-LABEL');
+			await sleep(300); // wait for keyboard
 			await element(by.id('LinkValueInput')).typeText('link-value');
+			await sleep(300); // wait for keyboard
 			await element(by.id('SaveLink')).tap();
 			await waitFor(element(by.id('SaveLink'))).not.toBeVisible();
 			await expect(element(by.text('LINK-LABEL'))).toExist();
@@ -137,6 +139,13 @@ d('Profile and Contacts', () => {
 				.withTimeout(30000);
 			await expect(element(by.text(satoshi.name))).toExist();
 			await expect(element(by.text(satoshi.bio))).toExist();
+
+			// Android: keyboard is not dismissed after adding contact in e2e
+			if (device.getPlatform() === 'android') {
+				await element(by.id('NameInput')).tapReturnKey();
+				await sleep(300); // wait for keyboard to hide
+			}
+
 			await element(by.id('SaveContactButton')).tap();
 			await expect(element(by.text('WEBSITE'))).toExist();
 			await expect(element(by.text(satoshi.website))).toExist();
@@ -152,6 +161,14 @@ d('Profile and Contacts', () => {
 				.withTimeout(30000);
 			await expect(element(by.text(hal.name1))).toExist();
 			await element(by.id('NameInput')).replaceText(hal.name2);
+			await sleep(300); // wait for keyboard to hide
+
+			// Android: keyboard is not dismissed after adding contact in e2e
+			if (device.getPlatform() === 'android') {
+				await element(by.id('NameInput')).tapReturnKey();
+				await sleep(300); // wait for keyboard to hide
+			}
+
 			await element(by.id('SaveContactButton')).tap();
 			await expect(element(by.text(hal.name2.toUpperCase()))).toExist();
 			await element(by.id('NavigationClose')).tap();

src/screens/Wallets/Receive/ReceiveDetails.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement, memo, useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Image, StyleSheet, View } from 'react-native';
-import { FadeIn, FadeOut } from 'react-native-reanimated';
+import { Image, Platform, StyleSheet, View } from 'react-native';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
 
 import BottomSheetNavigationHeader from '../../../components/BottomSheetNavigationHeader';
 import GradientView from '../../../components/GradientView';
@@ -27,7 +27,7 @@ import {
 	updatePendingInvoice,
 } from '../../../store/slices/metadata';
 import { removeInvoiceTag, updateInvoice } from '../../../store/slices/receive';
-import { AnimatedView, BottomSheetTextInput } from '../../../styles/components';
+import { BottomSheetTextInput } from '../../../styles/components';
 import { TagIcon } from '../../../styles/icons';
 import { Caption13Up } from '../../../styles/text';
 import { estimateOrderFee } from '../../../utils/blocktank';
@@ -174,11 +174,12 @@ const ReceiveDetails = ({
 						</View>
 
 						{!keyboardShown && (
-							<AnimatedView
+							<Animated.View
 								style={styles.bottom}
-								color="transparent"
 								entering={FadeIn}
-								exiting={FadeOut}>
+								// FadeOut causing a bug on Android
+								exiting={Platform.OS === 'ios' ? FadeOut : undefined}
+							>
 								<Caption13Up style={styles.label} color="secondary">
 									{t('tags')}
 								</Caption13Up>
@@ -209,7 +210,7 @@ const ReceiveDetails = ({
 										<Image style={styles.image} source={imageSrc} />
 									</View>
 								)}
-							</AnimatedView>
+							</Animated.View>
 						)}
 
 						<View style={styles.buttonContainer}>