Stack Overflow
Stack Overflow

Questions tagged [react-native-safe-area-view]

19 questions
28
votes
3 answers

What are the differences between different implementations of SafeAreaView?

A component called SafeAreaView is exported by react-native, react-navigation, react-native-safe-area-context and react-native-safe-area-view. What are the differences and which one should I use in which cases?
Sampo
  • 4,308
  • 6
  • 35
  • 51
8
votes
2 answers

KeyboardAvoidingView + React Navigation + Safe Area View = not working

The problem I am having is while using a react-navigation stack navigator nested inside a tab navigator for a basic chat UI appearance, the keyboard was hiding the chat message input field at the bottom. So I tried KeyboardAvoidingView to bring the…
douglasrcjames
  • 1,133
  • 3
  • 17
  • 37
6
votes
3 answers

Invariant Violation: Tried to register two views with the same name RNCSafeAreaProvider, js engine: hermes

I am getting this error when trying to import and use the GiftedChat component from "react-native-gifted-chat": Invariant Violation: Tried to register two views with the same name RNCSafeAreaProvider, js engine: hermes I have tried several things…
Javier
  • 290
  • 2
  • 10
4
votes
1 answer

React Native SafeAreaView horizontal-only

Is it possible to use the react native SafeAreaView (react-native-safe-area-context) only horizontally (or remove the generated top padding)? When using it e.g. in a modal that slides from the bottom, the iPhone X spacing is added on the top…
Dion
  • 3,145
  • 20
  • 37
4
votes
1 answer

Expo SDK 36, a generic resolution for "componentWillReceiveProps has been renamed, and is not recommended for use" errors

When I run expo start the warning I receive is: Warning: componentWillReceiveProps has been renamed, and is not recommended for use. ... * Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict…
Mehmet Kaplan
  • 1,723
  • 2
  • 20
  • 43
3
votes
1 answer

Deprecated Gradle features were used in this build, making it incompatible with Gradle 8.0. after react-native link

I have a react-native project its was OK.I run react-native link and now when I run react-native run-android I get Error: Deprecated Gradle features were used in this build, making it incompatible with Gradle 8.0. now I run ./gradlew clean I…
mohamadreza ch
  • 311
  • 4
  • 13
2
votes
1 answer

Invariant Violation: requireNativeComponent: "RNCSafeAreaView" was not found in the UIManager. in react-native with expo app

So in my workplace, we have a legacy react-native app on expo. I debug with an android emulator, and it's used for internal workers on android devices. we didn't touch it for some months, and when tried to rebuild, we got an error. I had to upgrade…
Adi Elisha
  • 160
  • 9
2
votes
0 answers

Error with task: Cannot read property 'measureInWindow' of undefined

I am trying to setup an application with @react-navigation. I have installed all the required dependencies: "@react-navigation/bottom-tabs": "^5.4.2", "@react-navigation/native": "^5.3.0", "@react-navigation/stack":…
StuartM
  • 6,743
  • 18
  • 84
  • 160
1
vote
0 answers

How to make safe area clickable in react native

I have been running into a problem. I have address on top right corner in my application running on Ipad. I am working on a funcitonality when I click on my address 5 times, it should open the alert. The area highlighted in red rectangle box is not…
Anmol Mahajan
  • 91
  • 6
1
vote
1 answer

Getting an error with react-native-safe-area-context build.gradle file and compileSdkVersion is not specified

I am getting this Error message while building my react native project. BUILD FAILED in 4s error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error:…
Kashi S
  • 17
  • 5
1
vote
1 answer

React-native-safe-area-context not found

When building with android studio, I get the following error: error: package com.th3rdwave.safeareacontext does not exist I'm using "react-native-safe-area-context": "^3.0.6", Any suggestions on how to make it work? It seems that the package is…
David Hérault
  • 35
  • 1
  • 6
1
vote
0 answers

Header inset too big, even though I use the `forceInset` prop with insets provided by `react-native-safe-area-context`?

Problem For some reason, when testing on my older Android phone (Android v 6.0.1), my Expo SDK 36 app's header always has extra padding, looking too bulky, even though the phone has no top notch. Testing on an iOS 13.4 simulator for the iPhone 11…
dksleung
  • 11
  • 3
0
votes
0 answers

Build Failures in react-native-safe-area-context Library

Issue Summary: I'm encountering build failures when trying to integrate the react-native-safe-area-context library into my Android project. The build fails with the following error messages: FAILURE: Build completed with 2 failures. 1: Task failed…
Pawan yadav
  • 11
  • 1
0
votes
0 answers

SafeAreaContext error on Expo Dev Client Build

I am looking to add a simple SafeAreaView in my react native application using the 'react-native-safe-area-context'. I am on a windows PC, using expo dev client. My goal is simply to use the safe area context properly. Here is the current…
Owen
  • 21
  • 2
0
votes
0 answers

'UIKeyboardDidShowNotification' is unavailable: not available on tvOS error in react-native-safe-area-context after React Native update

I recently updated my React Native version from 0.69.8-2 to 0.71.11 and started encountering an error that I haven't been able to resolve. The error message is: 'UIKeyboardDidShowNotification' is unavailable: not available on tvOS This error is…
Mansi Laad
  • 1
  • 1
1
2