Conflict with react-native-reanimated (dependency from react-navigation)

[ghifar1]

Bug report

Summary

time the application is opened and the splash screen appears, a few moments later a window appeared from the bottom then up and then disappeared, then the splash screen didn't go away. I have tried to clear the cache but nothing works, I am trying to create a new project by paying attention to one by one the packages I install whether they have an effect on the splash screen, everything went well until I installed react-native-reanimated. I encountered this conflict when I disabled Hermes then rebuilt the app. I was expecting to see if the app crashed before or after the splash screen. It turns out that the application crashes after the splash screen appears,
I found some irregularities:

1. When I do react-native run-android everything works normally, be it in the emulator or on the device. no window exits from the bottom during the splash screen, and the splash screen disappears
2. When I close the program and run the application offline, a window pops up from the bottom up and then gets stuck on the splash screen. This also affects assembleDebug as well as using the application offline

Environment info

react-native info output:

# System:
    OS: Windows 10 10.0.19042
    CPU: (8) x64 Intel(R) Core(TM) i7-3770 CPU @ 3.40GHz
    Memory: 2.32 GB / 9.97 GB
  Binaries:
    Node: 14.16.0 - D:\laragon\bin\nodejs\node-v14.16.0\node.EXE
    Yarn: Not Found
    npm: 6.14.11 - D:\laragon\bin\nodejs\node-v14.16.0\npm.CMD
    Watchman: Not Found
  SDKs:
    Android SDK:
      API Levels: 29, 30
      Build Tools: 28.0.3, 29.0.2, 30.0.3
      System Images: android-30 | Google APIs Intel x86 Atom
      Android NDK: Not Found
    Windows SDK: Not Found
  IDEs:
    Android Studio: Not Found
    Visual Studio: 16.7.30503.244 (Visual Studio Community 2019)
  Languages:
    Java: Not Found
    Python: 3.9.2
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1
    react-native: 0.63.4 => 0.63.4
    react-native-windows: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Library version: 3.1.5

Steps to reproduce

1. install react-native-animated

2. npx react-native run-android (run well)

3. cd android gradle clean && gradle cleanBuildCache

4. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

5. gradlew assembleDebug
   Describe what you expected to happen:

6. Splash screen appear and gone

7. but splash screen appear, after that a window from bottom to up appear, and stuck.

Reproducible sample code

With gradle assembleDebug or offline app

With react-native run-android or fast refresh

App.js

`class App extends Component {

componentDidMount()
{

setTimeout(() => {
  RNBootSplash.hide();
}, 1400);
messaging().subscribeToTopic('berita')

messaging().getToken()
.then((token) => {
  console.log(token)
})

messaging().onTokenRefresh((token) => {
  console.log(token)
})

}

render()
{
return (

<Drawer.Navigator>
<Drawer.Screen name="Berita" component={StackDrawer} />
<Drawer.Screen name="Info" component={InfoVersion} />
</Drawer.Navigator>

)
}
}`