Use Pressable instead of TouchableOpacity for Back button

TouchableOpacity inside ScrollView sometimes doesn't respond.
Pressable is more reliable.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Sergei 2026-01-09 19:47:46 -08:00
parent a830383128
commit 6e277ca940

View File

@ -5,6 +5,7 @@ import {
StyleSheet,
ScrollView,
TouchableOpacity,
Pressable,
ActivityIndicator,
RefreshControl,
} from 'react-native';
@ -278,8 +279,11 @@ export default function EquipmentStatusScreen() {
</View>
{/* Back to Loved Ones Button - above action button */}
<TouchableOpacity
style={styles.backToLovedOnesButton}
<Pressable
style={({ pressed }) => [
styles.backToLovedOnesButton,
pressed && { opacity: 0.7 }
]}
onPress={() => {
console.log('[EquipmentStatus] Back to Loved Ones pressed');
router.push('/(tabs)/beneficiaries');
@ -287,7 +291,7 @@ export default function EquipmentStatusScreen() {
>
<Ionicons name="people" size={20} color={AppColors.white} />
<Text style={styles.backToLovedOnesText}>Back to My Loved Ones</Text>
</TouchableOpacity>
</Pressable>
{/* Action Button */}
<View style={styles.actionSection}>