How to mock native modules in Jest for React Native?

Question

Accepted Answer

**Mocking native modules** — simulate native functionality.

**Manual mock:**
```tsx
// __mocks__/react-native.js
jest.mock("react-native", () => ({
  Alert: {
    alert: jest.fn(),
  },
  Linking: {
    openURL: jest.fn(),
  },
}));
```

**Inline mock:**
```tsx
jest.mock("react-native", () => ({
  Alert: { alert: jest.fn() },
}));

test("shows alert", () => {
  const { Alert } = require("react-native");
  Alert.alert("Test");
  expect(Alert.alert).toHaveBeenCalledWith("Test");
});
```

**Mock AsyncStorage:**
```tsx
jest.mock('@react-native-async-storage/async-storage', () => ({
  __esModule: true,
  default: {
    getItem: jest.fn(),
    setItem: jest.fn(),
    removeItem: jest.fn(),
  },
}));
```

**Mock native navigation:**
```tsx
jest.mock('@react-navigation/native', () => ({
  useNavigation: () => ({ navigate: jest.fn() }),
  useRoute: () => ({ params: {} }),
}));
```

React Native: How to mock native modules in Jest for React Native?