Description

Migrates Earn navigation stacks from @react-navigation/stack to @react-navigation/native-stack, and replaces imperative getStakingNavbar headers on stablecoin lending deposit/withdrawal confirmation screens with declarative HeaderStandard from the design system.

Why

• Align Earn with other recently converted stacks (native stack for performance and consistency).

• Remove legacy navigation.setOptions(getStakingNavbar(...)) in favor of in-view HeaderStandard, matching patterns from refactor/unstake (refactor(unstake): use HeaderStandard instead of getStakingNavbar #30281) and refactor/headerstandard-titles-bridge (accessibility-label–based header interactions in tests).

What changed

app/components/UI/Earn/routes/index.tsx

• createStackNavigator → createNativeStackNavigator for EarnScreenStack and EarnModalStack.
• EarnScreenStack uses transparentModalScreenOptions.
• EarnModalStack uses clearNativeStackNavigatorOptions + transparentModalScreenOptions.
• headerShown: false on lending deposit and withdrawal confirmation screens (headers owned by the view).

EarnLendingDepositConfirmationView

• Renders with dynamic title (Supply ).
• Back via onBack + backButtonProps.accessibilityLabel: strings('navigation.back').
• Removed dead getStakingNavbar(...) call and navbar useEffect.

EarnLendingWithdrawalConfirmationView

• Same HeaderStandard pattern with title (Withdraw ).
• Back press preserves EARN_LENDING_WITHDRAW_CONFIRMATION_BACK_CLICKED analytics (moved from getStakingNavbar backButtonEvent into handleHeaderBackPress).

Tests

• Added HeaderStandard coverage (title rendering, back navigation, withdrawal back analytics).
• Back button queried via getByLabelText(strings('navigation.back')) (bridge header pattern), not button-icon testID.
• Removed getStakingNavbar spy/import from withdrawal tests.

Changelog

CHANGELOG entry: null

Related issues

Fixes:

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

Before

After

Android EarnLendingDepositConfirmationView and EarnLendingWithdrawalConfirmationView screens after nav header changes

EarnLendingDepositConfirmationView	EarnLendingWithdrawalConfirmationView

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.

Performance checks (if applicable)

• I've tested on Android
  • Ideally on a mid-range device; emulator is acceptable
• I've tested with a power user scenario
  • Use these power-user SRPs to import wallets with many accounts and tokens
• I've instrumented key operations with Sentry traces for production performance metrics
  • See trace() for usage and addToken for an example

For performance guidelines and tooling, see the Performance Guide.

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.