Comments (10)
Ok interesting.
I took care of preventing this, so there must be something failing.
Which version are you using? with which React Native version?
from react-native-slider.
I've created a brand new project to test this but I found the issue using react native 0.28.0. But the app recorded in the video is using react native 0.31.0. They are both using react-native-slider 0.9.0.
from react-native-slider.
Does it happen on a real device?
I've seen a case where the onLayout
event, which the slider relies on for positioning the thumb, is called constantly with slightly different measures. But I was able to reproduce that only with Genymotion.
from react-native-slider.
The recordings are from my device (Nexus 5X). I did see the thumbs jump a bit, so it might be the same issue.
from react-native-slider.
What's the tool you're using which shows the graph and flashes re-render?
from react-native-slider.
In the Android Developer options "Show GPU view updates" and "Profile GPU rendering" set to "On screen as bars"
from react-native-slider.
Ok thanks, I tested it on a Nexus 5 and couldn't reproduce.
I think it's very likely to be the onLayout
issue I was talking about which would happen reliably on a Nexus 5X.
Do you happen to have a Nexus 5 to confirm this?
from react-native-slider.
Alright, I can reliably reproduce the problem with a 5X emulator.
from react-native-slider.
@cornedor I've just published 0.9.1 on npm with a fix for this. 🎉
Let me know how it works for you.
from react-native-slider.
@jeanregisser thanks!
https://a.pomf.cat/ghgxdm.mp4
from react-native-slider.
Related Issues (20)
- Uncaught TypeError: Cannot read property 'style' of undefined HOT 2
- TypeError: mainStyles.thumbHorizontal is not a function HOT 2
- Border radius for ends of slider but not for 'active' section?
- New maintainer HOT 2
- Typings (for typescript) HOT 2
- Add note styles on track slider HOT 1
- componentWillReceiveProps has been renamed HOT 2
- AnimatedValue: Attempting to set value to undefined HOT 2
- Animated: `useNativeDriver` was not specified.
- thumbs go beyond the track when setting the maximum value to be lower than the current value of the slider HOT 1
- How to Add vibration and sound while sliding (Haptic Feedback) HOT 2
- SUPPORT. I am using createMaterialTopTabNavigator on home page and it consists of 3 parts. I have videos in each part, when I want to go back and forth any of the videos, it navigates to other parts. how can i solve this problem. thanks HOT 1
- Hello, how can I make two thumbs in one slider?
- inputRange must be monotonically non-decreasing 0, NaN iOS
- New lib, new maintainer.
- Fix a warnning for useNativeDriver
- Fix a warning for useNativeDirver
- Fix for react native version 0.69+
- Error when used with latest rn, ViewPropTypes has be deprecated HOT 1
- I am getting below error while I using in my react native app HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-slider.