feat(mobile): Optimize job details screen with progressive tab content loading #3
Description
Description
The job details screen (apps/mobile/app/jobs/[id].tsx) displays a noticeable "flicker" or visual jank after its initial skeleton loader disappears. This is because the entire content, including the react-native-tab-view and its potentially heavy tab content, renders all at once, leading to a jarring user experience.
Steps to Reproduce
- Open the mobile application.
- Navigate to any job details screen (e.g., /jobs/[id].tsx).
- Observe the transition from the skeleton loading state to the fully rendered content.
Expected Behavior
The screen should transition smoothly from the skeleton loader. The react-native-tab-view structure should appear first, followed by the progressive loading of content within each tab without any noticeable flicker or jank.
Actual Behavior
Upon completion of the data fetch, the entire job details screen, including the react-native-tab-view and all its tab content, renders simultaneously, causing a distinct visual flicker before the final UI settles.
Severity
Low (Trivial issue, nice to have)