When I start a new React Native project on a Mac with the latest versions XCode and React Native as follows:
react-native init TestApp
cd TestApp
react-native run-iso
react-native --version
react-native-cli: 1.0.0
react-native: 0.32.0
the app launches correctly in the iOS simulator in portrait and looks as expected.
However, when rotating the orientation by selecting from the menu Hardware --> Rotate Left the text is no longer centered and is cut off.
I have tried a few other tests with flexbox and see similar behavior when rotating on iOS. I also tried resetting the iOS emulator contents and settings using Simulator --> Reset Contents and Settings but I still see the same issue.
I launched a new app using the same procedure on Mac for iOS on another machine running the previous version of React Native (0.31) and it works as expected and responds normally when the orientation is changed.
In both, 0.32 and 0.31 everything displays correctly on an Android app running in the simulator.
I am unclear if this is a misconfiguration on my desktop or if there is an issue in React Native 0.32.
Related
When I use I18nManager.forceRTL(true) and manually restart the app with RNRestart package, everything works fine. But it only works if I restart the app. If I close and relaunch the app, layout reverts back to LTR. This is only happening in iOS.
How to force layout to be RTL in iOS?
ReactNative: 0.66.1
OS: macOS 12.0.1
Node: 18.2.0
CocoaPods: 1.11.3
Xcode: 13.1
It looks like there is a bug in React Native code. Just upgrade your React Native to a version >= 0.66.4 and everything works like a charm!
I am developing a react-native app. I have changed android's icons easily. But, I am stuck in IOS part.
Is there any way to change IOS icon without x-code on Windows OS ?
After setting up font theme with native base using this guide https://docs.nativebase.io/Customize.html#theme-font-headref my app crashes after opening it in android without throwing any error.
It works fine in IOS.
Any similar experience?
I recently updated expo clients (both android and ios) of my phone and only the android version crashed after trying to play lottie animation (using dangerzone). Animations work fine in ios and also it did work in android before i update the apk.
I dont get any error message when the app crash, i only get system message saying "app crashed". Anyone know how to fix this?
I'm having trouble with my android react-native app. I upgraded to 0.29.1 v to have some new features like, zIndex on Image component and pagingEnabled prop on Scroll View Component. I did a react-native upgrade , but these new features that where recently added to the 0.29 spec are not working on my android version (Working Properly on iOS atm).
How do i make sure my my android app is running the latest version. My app.iml also says its on react-native 0.29.1, and my package.json also indicates ^0.29.0. Am I missing something?
zIndex was only added for iOS in 0.29
Implement CSS z-index for iOS (d64368b) - #nicklockwood
In 0.30 it shows up again but this time not under a specific OS and the notes specify Android was tested. I would suspect that it should begin working on Android once 0.30 drops and you upgrade to that. As for pagingEnabled I don't see that in the release notes anywhere so I am not sure what is going on there.