callstack / callstack/react-native-slider

Flicker on Initial Render Android

Open
#733 1 comment 1 reaction 0 assignees View on GitHub
bug report
Dominant language
TypeScript
Stars
1.4k
Forks
295
Avg merge
5m
Merged PRs (30d)
1

Description

## Environment

I am using the example app
```
"@react-native-community/slider": "file:../package",
"babel-preset-expo": "^9.2.0",
"react": "^19.0.0",
"react-native": "^0.79.2",
"react-native-pager-view": "^6.6.0"
```

## Description

On Android, if there is a conditional render, the initial slider value flickers from 0 to the actual value

https://github.com/user-attachments/assets/846fd105-57e0-4d15-889f-0f3ede207473

## Reproducible Demo

https://github.com/cip123/react-native-slider/blob/main/example/src/App.tsx

Contributor guide

Open the contributing guide

Research direction

Start with the reproducible demo in example/src/App.tsx and run the example app on Android using the versions listed in the issue. Observe the slider during the conditional initial render and trace when its displayed value changes from 0 to the actual value. Done means the initial render no longer visibly flickers while preserving the actual slider value.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.