react-native-keyboard-spacer | Plug and play react-native keyboard spacer view | iOS library

I'm having a React Native app, which I'm currently updating the UI. one of the requirements of the app was to lock screen orientation in portrait mode. For that, I had added android:screenOrientation="portrait" in the Manifest file. It is working fine in the live app, however now with the updated UI, it is not working anymore. I had tried many things and nothing helped.

I'm sharing the manifest file, old and new package.json file, if someone knows something please let me know.

Android Manifest

I'm struggling to fix my expo application On password reset it gives me this error:

TypeError: undefined is not an object (evaluating '_this2.state.notification.data')

My code looks like this for resetting password

I have implemented crashlytics in react native app which is working fine if i import just android or iOS folder separately but when i import crashlytics library in .js file iOS app is getting stuck at launch screen.

Please suggest the way or root cause fir this issue.

App is getting stuck after importing below library in js file else App is working fine

I'm getting this weird error when I try to upload images. The upload to the server works, but then immediately after I'm getting the error. When I only upload text it works fine, but when I try to use the imagesID after I upload, it gives this error. Does anybody know why I'm getting this error, and how to fix it?

I'm getting the error on line "this.state.imagesID.push({key:key });" in xhr.onreadystatechange which is inside the upload() function

My the class with the error:

App.js file:

On mobile Safari, when the virtual keyboard is open, the screen should render like this image:

where:

• The navbar and the input are fixed in place
• The list of text messages is scrollable

On mobile Safari, when the soft keyboard is open, dragging on the input or navbar can move the entire viewport up and down.

I have a screen capture video demonstrating the problem: https://youtu.be/GStBjRVpoGU

I've spent months on this problem, including trawling through many similar questions on Stack Overflow, but I've been unable to find a solution that works (or, at least, a solution that I've been able to make work).

This app is a hybrid mobile app: built as a web app with React.js, but wrapped in a React Native app using the WebView component. Nevertheless, the same problem exists even if the web app is opened in a normal mobile Safari window.

Mobile Safari has a related problem where the soft keyboard pushes the whole viewport up when it is opened, so that the top half of the view port is pushed up and off the screen. This excellent blog provides both and description of that problem and a solution for it. I implemented that solution. It stopped the viewport from moving up when the soft keyboard opens, but the viewport can still slide around after the soft keyboard opens.

Another problem is that mobile Safari doesn't update window.innerHeight when the soft keyboard is opened/closed. To get around this, I used react-native-keyboard-spacer in the React Native app, a bit like this: