Quantcast
Channel: Active questions tagged react-native+ios - Stack Overflow
Viewing all articles
Browse latest Browse all 16552

How to resolve "Animated: `useNativeDriver` is not supported because the native animated module is missing." in react-navigation?

$
0
0

I am working on expo SDK Version: 36, and on all platforms (ios/android/web)

When installing react-navigation for the first time as described in the documentation and running jest --watch while doing it, and the following warning appeared:

    console.warn node_modules/react-native/Libraries/YellowBox/YellowBox.js:71      Animated: `useNativeDriver` is not supported because the native animated module is missing. Falling back to JS-based animation. To resolve this, add `RCTAnimation` module to this app, or remove `useNativeDriver`. More info: https://github.com/facebook/react-native/issues/11094#issuecomment-263240420

It also happen in the browser console:

bundle.js:18272 Animated: `useNativeDriver` is not supported because the native animated module is missing. Falling back to JS-based animation. To resolve this, add `RCTAnimation` module to this app, or remove `useNativeDriver`. More info: https://github.com/facebook/react-native/issues/11094#issuecomment-263240420     in Card (at CardContainer.tsx:132)    in CardContainer (at CardStack.tsx:499)    in CardStack (at StackView.tsx:384)    in KeyboardManager (at StackView.tsx:382)    in Context.Consumer (at StackView.tsx:380)    in StackView (at StackView.tsx:41)    in StackView (at createStackNavigator.tsx:33)    in Anonymous (at createNavigator.js:80)    in Navigator (at createAppContainer.js:351)    in NavigationContainer (at AppCore.js:15)    in AppCore (at App.js:14)    in App (at withExpoRoot.web.js:13)    in ExpoRootComponent (at registerRootComponent.web.js:6)    in RootComponentwarn @ bundle.js:18272r @ backend.js:6shouldUseNativeDriver @ bundle.js:76326TimingAnimation @ bundle.js:76894start @ bundle.js:75709start @ bundle.js:75715Card._this.animate @ bundle.js:85843componentDidMount @ bundle.js:85980commitLifeCycles @ bundle.js:52243commitLayoutEffects @ bundle.js:55486callCallback @ bundle.js:30478invokeGuardedCallbackDev @ bundle.js:30527invokeGuardedCallback @ bundle.js:30582commitRootImpl @ bundle.js:55224unstable_runWithPriority @ bundle.js:92068runWithPriority$2 @ bundle.js:42291commitRoot @ bundle.js:55064finishSyncRender @ bundle.js:54471performSyncWorkOnRoot @ bundle.js:54449(anonymous) @ bundle.js:42341unstable_runWithPriority @ bundle.js:92068runWithPriority$2 @ bundle.js:42291flushSyncCallbackQueueImpl @ bundle.js:42336flushSyncCallbackQueue @ bundle.js:42324scheduleUpdateOnFiber @ bundle.js:53851enqueueSetState @ bundle.js:44136../../../react/cjs/react.development.js.Component.setState @ bundle.js:88125_callee2$ @ bundle.js:1353tryCatch @ bundle.js:90193invoke @ bundle.js:90419prototype.<computed> @ bundle.js:90245tryCatch @ bundle.js:90193invoke @ bundle.js:90283(anonymous) @ bundle.js:90293Promise.then (async)invoke @ bundle.js:90292(anonymous) @ bundle.js:90293Promise.then (async)invoke @ bundle.js:90292(anonymous) @ bundle.js:90318callInvokeWithMethodAndArg @ bundle.js:90317enqueue @ bundle.js:90340prototype.<computed> @ bundle.js:90245../../../regenerator-runtime/runtime.js.exports.async @ bundle.js:90364_callee2 @ bundle.js:1324SplashScreen @ bundle.js:1537constructClassInstance @ bundle.js:44346updateClassComponent @ bundle.js:48555beginWork$1 @ bundle.js:50328beginWork$$1 @ bundle.js:55898performUnitOfWork @ bundle.js:54837workLoopSync @ bundle.js:54813performSyncWorkOnRoot @ bundle.js:54412(anonymous) @ bundle.js:42341unstable_runWithPriority @ bundle.js:92068runWithPriority$2 @ bundle.js:42291flushSyncCallbackQueueImpl @ bundle.js:42336flushSyncCallbackQueue @ bundle.js:42324scheduleUpdateOnFiber @ bundle.js:53851enqueueSetState @ bundle.js:44136../../../react/cjs/react.development.js.Component.setState @ bundle.js:88125onFinish @ bundle.js:1392_callee$ @ bundle.js:18446tryCatch @ bundle.js:90193invoke @ bundle.js:90419prototype.<computed> @ bundle.js:90245tryCatch @ bundle.js:90193invoke @ bundle.js:90283(anonymous) @ bundle.js:90293Promise.then (async)invoke @ bundle.js:90292(anonymous) @ bundle.js:90318callInvokeWithMethodAndArg @ bundle.js:90317enqueue @ bundle.js:90340prototype.<computed> @ bundle.js:90245../../../regenerator-runtime/runtime.js.exports.async @ bundle.js:90364_callee @ bundle.js:18389componentDidMount @ bundle.js:18470commitLifeCycles @ bundle.js:52243commitLayoutEffects @ bundle.js:55486callCallback @ bundle.js:30478invokeGuardedCallbackDev @ bundle.js:30527invokeGuardedCallback @ bundle.js:30582commitRootImpl @ bundle.js:55224unstable_runWithPriority @ bundle.js:92068runWithPriority$2 @ bundle.js:42291commitRoot @ bundle.js:55064finishSyncRender @ bundle.js:54471performSyncWorkOnRoot @ bundle.js:54449scheduleUpdateOnFiber @ bundle.js:53840updateContainer @ bundle.js:57245(anonymous) @ bundle.js:57670unbatchedUpdates @ bundle.js:54575legacyRenderSubtreeIntoContainer @ bundle.js:57669render @ bundle.js:57750renderApplication @ bundle.js:65334run @ bundle.js:65227runApplication @ bundle.js:65266registerRootComponent @ bundle.js:18777../../../expo/AppEntry.js @ bundle.js:14474__webpack_require__ @ bundle.js:727fn @ index.js:690 @ bundle.js:101987__webpack_require__ @ bundle.js:727(anonymous) @ bundle.js:794(anonymous) @ bundle.js:797Show 40 more frames[Violation] 'requestAnimationFrame'

Related issues:

The last one offers a solution, but it says to open Xcode, while I am on Linux Debian 10. I do not have Xcode. I can use a Macbook and do the step but I am wondering:

  • Should I care when working on Linux?
  • Should I care when working on Macbook (if it happens)?
  • Should I care for the health of my app while testing? Under which circumstances?

Viewing all articles
Browse latest Browse all 16552

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>