mohebifar / mohebifar/react-native-copilot
Android Overlay doesn't work
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.4k
- Forks
- 428
- PR merge metrics
- No merged PRs in 30d
Description
Current Behavior
The overlay is not working correctly on some Android devices, with incorrect positioning. On iOS, everything works perfectly.
Input Code
- REPL or Repo link if applicable:
<CopilotProvider
androidStatusBarVisible={Platform.OS === 'android'}
backdropColor={color.lightDarkBlack}
tooltipStyle={NativeStyles.tooltip}
tooltipComponent={TutorialTooltip}
stepNumberComponent={() => null}
arrowStyle={NativeStyles.arrow}
animated={false}
>
<StatusBar style="auto" translucent />
<Navigation />
</CopilotProvider>
Expected behavior/code
A clear and concise description of what you expected to happen (or code).
Environment
Device: Google Pixel 5a - 2400 × 1080 px | 415ppi | 20:9 aspect | 6.34” diagonalreact-native-copilot: 3.3.2react-native: 0.72.5react-native-svg: 14.1.0
Possible Solution
Additional context/Screenshots
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the overlay positioning problem on the reported Google Pixel 5a using react-native-copilot 3.3.2, React Native 0.72.5, and react-native-svg 14.1.0. Inspect the overlay positioning entry point and compare Android behavior with the working iOS behavior; done means the overlay is correctly positioned on affected Android devices without regressing iOS.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100