The modal emits a "flash" when used with useNativeDriver=true
See original GitHub issueWhen reporting a bug, please be sure to check if the issue still persists with react-native original modal:
Under the hood react-native-modal
uses react-native original Modal component.
Before reporting a bug, try swapping react-native-modal
with react-native original Modal component to check if the problem persists.
When reporting a bug, please be sure to include the following:
- The outcome of the
react-native-modal
swap described above - A descriptive title
- An isolated way to reproduce the behavior (example: GitHub repository with code isolated to the issue that anyone can clone to observe the problem)
- What version of
react-native-modal
you’re using, and the platform(s) you’re running it on (iOS, Android, device) - What packages or other dependencies you’re using
- The behavior you expect to see, and the actual behavior
When you open an issue for a feature request, please add as much detail as possible:
- A descriptive title
- A description of the problem you’re trying to solve, including why you think this is a problem
- An overview of the suggested solution
- If the feature changes current behavior, reasons why your solution is better
Please note by far the quickest way to get a new feature is to file a Pull Request.
Issue Analytics
- State:
- Created 6 years ago
- Reactions:12
- Comments:59 (38 by maintainers)
Top Results From Across the Web
Animated: `useNativeDriver` was not specified issue of ...
Just add useNativeDriver: true to the animation config. const [animatePress, setAnimatePress] = useState(new Animated.
Read more >Issue With Modal And Animated.Timing React Native - ADocLib
The modal emits a flash when used with useNativeDrivertrue. When reporting a bug please be sure to check if the issue still persists...
Read more >react-native-modal - npm
The modal flashes in a weird way when animating. Unfortunately this is a known issue that happens when useNativeDriver=true and must still be ......
Read more >easing width causing flashes · Issue #122 · oblador/react-native ...
easing width causing flashes #122 ... The modal emits a "flash" when used with useNativeDriver=true react-native-modal/react-native-modal#92. Closed.
Read more >Modal - React Native
The Modal component is a basic way to present content above an enclosing ... centeredView}> <Modal animationType="slide" transparent={true} ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
The flash does not always happen, but here is an illustration of the problem. I think it’s probably a react-native problem with Animation.
@mmazzarolo I tested the proposed fix from @Versus2017 in our project and I haven’t seen the flash yet 🎉 It seems to be working really well! And modal transitions are way smoother with
useNativeDriver={true}
😸