Comments (8)
I also published a new version to bring back compatibility with [email protected]. Should be all good now!
from react-native-safe-area-context.
It happens on 5 different apps every time since upgrading. Went back to 0.7.3 for the time being.
I will create more detailed logs and send you a list of packages on Monday when Iām back at work.
No other use of react-native-Safe-area-context beside that.
from react-native-safe-area-context.
Hey thanks for reporting this, seems like you are using React Navigation can you tell me what version?
from react-native-safe-area-context.
React-Navigation: 4.3.9
from react-native-safe-area-context.
I wasn't able to reproduce the issue. I added a react-navigation 4 example here https://github.com/th3rdwave/react-native-safe-area-context/blob/master/example/src/ReactNavigation4Example.tsx. Are you able to reproduce consistently in development?
The last stacktrace you provided is useful and it seems like the issue is that inset values are NaN / undefined but I can't figure out why. Do you have more detailled logs / stacktraces?
Also can you give me a list of all packages you use and their version? Do you have any other usage of react-native-safe-area-context in your app except the one showed here?
from react-native-safe-area-context.
"dependencies": {
"@react-native-community/async-storage": "^1.10.1",
"@react-native-community/masked-view": "^0.1.10",
"@react-native-community/netinfo": "5.8.1",
"@react-native-community/viewpager": "3.3.0",
"@reduxjs/toolkit": "^1.3.6",
"color": "^3.1.2",
"lodash": "^4.17.15",
"native-base": "^2.13.12",
"prop-types": "^15.7.2",
"react": "16.9.0",
"react-hooks-use-previous": "^1.1.1",
"react-native": "0.61.5",
"react-native-bootsplash": "^2.2.4",
"react-native-devsettings-android": "^0.4.0",
"react-native-dialogs": "^1.1.0",
"react-native-elements": "^2.0.0",
"react-native-flash-message": "^0.1.15",
"react-native-gesture-handler": "^1.6.1",
"react-native-mail": "^4.1.0",
"react-native-material-ripple": "^0.9.1",
"react-native-pdf": "^6.1.2",
"react-native-reanimated": "^1.8.0",
"react-native-safe-area-context": "^1.0.0",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "^2.7.0",
"react-native-settings-components": "^0.0.2",
"react-native-svg": "^12.1.0",
"react-native-svg-charts": "^5.4.0",
"react-native-vector-icons": "^6.6.0",
"react-navigation": "^4.3.9",
"react-navigation-drawer": "^2.4.13",
"react-navigation-hooks": "^1.1.0",
"react-navigation-stack": "^2.5.1",
"react-redux": "^7.2.0",
"redux": "^4.0.5",
"redux-devtools-extension": "^2.13.8",
"redux-form": "^8.3.5",
"redux-logger": "^3.0.6",
"redux-persist": "^6.0.0",
"redux-saga": "^1.1.3",
"rn-fetch-blob": "^0.12.0"
},
This is the latest log i could get. It's with the packages listed above in a different app. I am not able to get more detailed logs because the app itself crashes, not like the install or build process.
2020-05-18 08:12:42.150 6209-6292/de.wrz.bavrechner E/ReactNativeJS: Invariant Violation: [687,"RCTView",1,{"pointerEvents":"box-none","onLayout":true,"flex":1,"paddingTop":"<<NaN>>","paddingBottom":"<<NaN>>","paddingLeft":"<<NaN>>","paddingRight":"<<NaN>>"}] is not usable as a native method argument
This error is located at:
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (at src/index.tsx:85)
in SafeAreaView (at bavRechner.js:166)
in RCTView (at bavRechner.js:155)
in Unknown (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by CardContainer)
in RCTView (created by CardContainer)
in RCTView (created by ForwardRef(CardSheet))
in ForwardRef(CardSheet) (created by Card)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (created by Card)
in RCTView (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:109)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (at screens.native.js:134)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in CardStack (created by KeyboardManager)
in KeyboardManager (created by Context.Consumer)
in SafeAreaConsumer (created by StackView)
in SafeAreaConsumer (created by SafeAreaProviderCompat)
in SafeAreaProviderCompat (created by StackView)
in RCTView (at GestureHandlerRootView.android.js:26)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackView)
in StackView
in Unknown (created by Navigator)
in Navigator (created by SceneView)
in SceneView (created by Drawer)
in RNSScreen (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:109)
in Screen (created by ResourceSavingScene)
in ResourceSavingScene (created by Drawer)
in RNSScreenContainer (at screens.native.js:134)
in ScreenContainer (created by Drawer)
in RCTView (at createAnimatedComponent.js:233)
in AnimatedComponent(Component) (created by Drawer)
in RCTView (at createAnimatedComponent.js:233)
in AnimatedComponent(Component) (created by PanGestureHandler)
in PanGestureHandler (created by Drawer)
in Drawer (created by DrawerView)
in DrawerView (created by Navigator)
in Navigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by CardContainer)
in RCTView (created by CardContainer)
in RCTView (created by ForwardRef(CardSheet))
in ForwardRef(CardSheet) (created by Card)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (created by Card)
in RCTView (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RCTView (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RCTView (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in CardStack (created by KeyboardManager)
in KeyboardManager (created by Context.Consumer)
in SafeAreaConsumer (created by StackView)
in SafeAreaConsumer (created by SafeAreaProviderCompat)
in SafeAreaProviderCompat (created by StackView)
in GestureHandlerRootView (at GestureHandlerRootView.android.js:31)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackView)
in StackView
in Unknown (created by Navigator)
in Navigator (created by NavigationContainer)
in Nav
2020-05-18 08:12:42.222 6209-6292/de.wrz.bavrechner E/ReactNativeJS: Invariant Violation: [687,"RCTView",1,{"pointerEvents":"box-none","onLayout":true,"flex":1,"paddingTop":"<<NaN>>","paddingBottom":"<<NaN>>","paddingLeft":"<<NaN>>","paddingRight":"<<NaN>>"}] is not usable as a native method argument
This error is located at:
in NavigationContainer
in NavigationContainer (at App.js:104)
in RCTView (at App.js:102)
in RNCSafeAreaView (at SafeAreaContext.tsx:50)
in SafeAreaProvider (at App.js:101)
in PersistGate (at App.js:100)
in Provider (at App.js:99)
in App (at renderApplication.js:40)
in RCTView (at AppContainer.js:101)
in RCTView (at AppContainer.js:119)
in AppContainer (at renderApplication.js:39)
2020-05-18 08:12:42.231 6209-6292/de.wrz.bavrechner E/ReactNativeJS: Invariant Violation: [687,"RCTView",1,{"pointerEvents":"box-none","onLayout":true,"flex":1,"paddingTop":"<<NaN>>","paddingBottom":"<<NaN>>","paddingLeft":"<<NaN>>","paddingRight":"<<NaN>>"}] is not usable as a native method argument
This error is located at:
in NavigationContainer
in NavigationContainer (at App.js:104)
in RCTView (at App.js:102)
in RNCSafeAreaView (at SafeAreaContext.tsx:50)
in SafeAreaProvider (at App.js:101)
in PersistGate (at App.js:100)
in Provider (at App.js:99)
in App (at renderApplication.js:40)
in RCTView (at AppContainer.js:101)
in RCTView (at AppContainer.js:119)
in AppContainer (at renderApplication.js:39)
On RN 0.62.2 it is just the hard crash without any useful logs like i posted in my initial report.
from react-native-safe-area-context.
Maybe it's helpful, this is the error I have with the unstable logbox enabled:
With these dependencies (if you need/want the full list let me know)
"react": "16.13.1",
"react-native": "0.62.2",
"react-native-safe-area-context": "1.0.0",
"react-native-safe-area-view": "1.1.1",
"react-navigation": "4.3.9",
"react-navigation-stack": "2.5.1",
"react-navigation-tabs": "2.8.13",
from react-native-safe-area-context.
Ok I think I figured it out, the issue actually comes from https://github.com/react-navigation/react-native-safe-area-view. Looks like they just released an update to be compatible with 1.0.0 of this library. Can you try updating react-native-safe-area-view to 2.0.0 see if it fixes the issue?
from react-native-safe-area-context.
Related Issues (20)
- insets.top switching to 0 during iPad orientation change HOT 11
- issues with xcode 15.3 HOT 2
- Build Failures in React Native New Architecture - Chip M Apple HOT 2
- I get a Error of manual link react-native-safe-area-context to android HOT 9
- Android build error in React Native 0.74 HOT 9
- React Native Bridgeless support? HOT 1
- RN 0.74.0: Type mismatch: inferred type is Map<String, Any>? but Any was expected HOT 3
- Android build error on 0.74 HOT 1
- SafeAreaView seems to fail on Expo when new arch is enabled HOT 13
- SafeAreaView default style does not render HOT 1
- Doesn't work in the newest react-native version HOT 3
- The application is in small window mode and cannot obtain height. The device is a Xiaomi pad
- Broken on RN 0.74.1 and new arch (both with bridgeless and normal) HOT 7
- [!] The platform of the target `AwesomeMacOS-macOS` (macOS 10.15) is not compatible with `react-native-safe-area-context (4.10.4)`, which does not support `macOS`. HOT 1
- Top padding safeAreaView inside Stack presentation modal HOT 1
- When UIDocumentPickerViewController is displayed and hidden, useSafeAreaFrame returns an incorrect result HOT 7
- SafeAreaUtils should include `systemBars()` or `captionBar()` inset type in android HOT 4
- Conflicting recommendations in documentation HOT 5
- Build failed: Kotlin complaining type mismatch in SafeAreaContextModule.kt HOT 6
- No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
š Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ššš
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ā¤ļø Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-safe-area-context.