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:
- https://github.com/expo/ex-navigation/issues/276
- https://github.com/facebook/react-native/issues/11094#issuecomment-263240420
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?