Slow performance when switching dark mode in React Native Elements
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 25/100
- Issue type
- Bug
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- react-native
- Domain
- mobile, performance
Research direction
Start by reproducing the dark-to-light and light-to-dark colorScheme switches using the steps in the issue on a simulator or physical device. Investigate the React Native Elements colorScheme path and measure the transition performance; done means the scheme changes without noticeable delay. The environment details are missing, so collect them before narrowing the cause.
Written by the indexing model from the issue text.
Description
Is there an existing issue for this?
- I have searched the existing issues
Explain what you did
When switching the colorScheme from dark to light or light to dark in React Native Elements, the app's performance is noticeably slow. This issue affects the user experience and needs to be addressed to ensure a smoother transition between color schemes.
Expected behavior
The colorScheme should change smoothly and instantaneously without any noticeable delays or performance issues.
Describe the bug
When switching the colorScheme from dark to light or light to dark in React Native Elements, the app's performance is noticeably slow. This issue affects the user experience and needs to be addressed to ensure a smoother transition between color schemes.
Steps To Reproduce
1. Create a React Native project with the necessary dependencies and configurations for React Native Elements.
2. Implement the colorScheme switching functionality using React Native Elements' colorScheme prop or any custom logic.
3. Run the application on a simulator or a physical device.
4. Observe the performance when switching between dark and light colorScheme.
Screenshots
Your Environment
`npx @rneui/envinfo`
```
Output from `npx @rneui/envinfo` goes here.
```
- Dominant language
- MDX
- Stars
- 25.9k
- Forks
- 4.7k
- PR merge metrics
- No merged PRs in 30d
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.
More from react-native-elements/react-native-elements
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
react-native-elements/react-native-elements#4035 · 1 comment ·
-
Needs Triage
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
react-native-elements/react-native-elements#3963 · 2 comments · 2 reactions ·
-
component: Button
react-native-elements/react-native-elements#4032 · 1 assignee ·
-
TS Bug - @rneui/base@5.0.0 — Undeclared type dependency causes IconProps to lose color/name/size Opencomponent: Icon
react-native-elements/react-native-elements#4027 · 2 comments · 4 reactions · 1 assignee ·
-
📞 Needs Response from Author
react-native-elements/react-native-elements#4022 · 9 comments · 2 reactions · 1 assignee ·
All issues in react-native-elements/react-native-elements
Similar issues
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
avniproject/avni-client#2135 ·
-
react-doctor severity:warning tech-debt
Difficulty 1/5 Under an hour Newbie friendliness 88/100
digidem/comapeo-cloud-app#403 ·
-
Icon Requests Opensupported
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
LawnchairLauncher/lawnicons#4100 ·
-
Difficulty 1/5 Under an hour Newbie friendliness 92/100
CypherBoxLLC/Cypher-Box#284 ·
-
cr:missing-repro cr:platform:android platform:android repro-provided
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
software-mansion/react-native-screens#4699 · 1 comment ·