React-native-modal: Visual bug when closing the modal

Created on 12 Feb 2020  路  1Comment  路  Source: react-native-modal/react-native-modal

When closing the modal, it hangs for a second on Android devices.
74217309-26fc8c00-4cb8-11ea-9a3d-fac3fee445de

My code:

```javascript
isVisible={WinModalStore.isWinPrizeModalOpened}
swipeDirection={['down']}
hardwareAccelerated
swipeThreshold={200}
hasBackdrop
propagateSwipe
backdropOpacity={0.1}
animationOut="slideOutDown"
animationOutTiming={350}
onBackdropPress={() => {
WinModalStore.isWinPrizeModalOpened = false;
}}
// eslint-disable-next-line react-native/no-inline-styles
style={{
margin: 0,
}}
onSwipeComplete={() => {
WinModalStore.isWinPrizeModalOpened = false;
}}>


````

Environment

System:
OS: macOS 10.15.3
CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
Memory: 481.56 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.16.3 - /usr/local/bin/node
Yarn: 1.21.1 - /usr/local/bin/yarn
npm: 6.13.4 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
Android SDK:
API Levels: 23, 25, 26, 28, 29
Build Tools: 23.0.1, 23.0.2, 25.0.1, 26.0.3, 27.0.3, 28.0.3, 29.0.2
System Images: android-29 | Google APIs Intel x86 Atom
IDEs:
Android Studio: 3.5 AI-191.8026.42.35.6010548
Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
npmPackages:
react: 16.9.0 => 16.9.0
react-native: 0.61.5 => 0.61.5
npmGlobalPackages:
react-native-cli: 2.0.1

Platforms

Android

Versions

"react-native-modal": "^11.5.3"

bug

Most helpful comment

Try using useNativeDriver in "true", works for me.

>All comments

Try using useNativeDriver in "true", works for me.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

JuniusAng picture JuniusAng  路  4Comments

ChristianTucker picture ChristianTucker  路  4Comments

stonepreston picture stonepreston  路  4Comments

onfuns picture onfuns  路  3Comments

dcarrot2 picture dcarrot2  路  4Comments