question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The modal emits a "flash" when used with useNativeDriver=true

See original GitHub issue

When 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:closed
  • Created 6 years ago
  • Reactions:12
  • Comments:59 (38 by maintainers)

github_iconTop GitHub Comments

23reactions
RichardLindhoutcommented, Dec 14, 2017

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.

dec -14-2017 20-49-25

11reactions
alex-blaircommented, Feb 21, 2018

@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} 😸

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found