fix(earn): prevent swipe gesture conflict in earn screen stack navigator cp-7.73.0

[tommasini]

---

Description

The EarnScreenStack navigator was using the default stack presentation mode, which enables a swipe-back gesture on the entire screen. This conflicted with swipe interactions inside the MusdQuickConvertView (the quick convert button), causing the screen to dismiss unintentionally when users tried to swipe within the view.

The fix adds screenOptions={{ presentation: 'transparentModal' }} to the EarnScreenStack navigator, which disables the swipe-to-dismiss gesture at the navigator level. This is consistent with how the EarnModalStack is already configured.

Changelog

CHANGELOG entry: Fixed swipe gesture conflict that caused the earn quick convert screen to dismiss unintentionally

Related issues

Fixes:

Manual testing steps

Feature: Earn mUSD quick convert swipe interaction

  Background:
    Given I am logged into MetaMask Mobile
    And I have mUSD in my earn portfolio

  Scenario: user swipes on the quick convert button without dismissing the screen
    Given I am on the mUSD quick convert screen

    When user swipes left or right on the quick convert input or button
    Then the screen should remain open
    And the swipe interaction should be handled by the component correctly

  Scenario: user navigates back from the earn screen using the back button
    Given I am on any earn screen (deposit confirmation, withdrawal confirmation, or quick convert)

    When user taps the back button or header back navigation
    Then I should be navigated back to the previous screen
    And the screen should not dismiss via swipe gesture

Screenshots/Recordings

Before

https://github.com/user-attachments/assets/8e1142bc-2958-408d-841a-91fb9fb1a0e4
N/A

After

Screen.Recording.2026-04-14.at.22.28.36.mov

N/A

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format if applicable
• I've applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

Made with Cursor

---

Note

Low Risk
Low risk UI navigation config change; it only adjusts stack presentation/gestures and may subtly affect transition/overlay behavior for Earn screens.

Overview
Updates EarnScreenStack to use screenOptions={{ presentation: 'transparentModal' }}, preventing the default swipe-back gesture from conflicting with swipe interactions (e.g., in MusdQuickConvertView) and aligning its behavior with the existing modal stack configuration.

^{Reviewed by Cursor Bugbot for commit 738ece4. Bugbot is set up for automated code reviews on this repo. Configure here.}

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[github-actions]

🔍 Smart E2E Test Selection

⏭️ Smart E2E selection skipped - draft PR

All E2E tests pre-selected.

View GitHub Actions results

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 738ece4. Configure here.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

✅ E2E Fixture Validation — Schema is up to date
11 value mismatches detected (expected — fixture represents an existing user).
View details