When in development it's easier/faster to develop if we can see the currently editing page as soon as the app is displayed in emulator. Is there an easy way to do this without changing the navigation paths manually?
Related
I'm completely new to React Native, Expo and App development in general.
I'm building a React Native app solely for iOS using Expo. I've finally managed to finish a version I'm happy with, tested with users etc. I've now been spending time adding all the required screenshots, text, info etc to App Store Connect in order to submit the app. While doing that, I learned that iPad app screenshots was mandatory, which I found weird.
I later found that I had "supportsTablet: true" in my App.json file, so it makes sense that it's expecting iPad pictures. After changing this and making a new build and submitting that, it's still a requirement.
After Google a bit I can see that it has been impossible to change this:
Removing iPad support from app
iOS App Submission : remove iPad support
iOS App Submission want to remove iPad support
This led me down the road of trying to upload the app as a new submission. I can't get this to work though. According to this documentation:
https://developer.apple.com/library/archive/qa/qa1623/_index.html
I should change bundle identifier and upload again. Changing this in app.json under expo.ios.bundleIdentifier doesn't work though, as I just get an error that I've already uploaded this app previously.
What are the steps I should do to reupload the app as a new submission, so that I can not support iPad?
In order to upload a new version, you must increase the version and the build number. You can find this if you open the project in Xcode under the General tab and the Identity section. In the same tab, you will see the Deployment Info section where you can untick the iPad. Check the picture attached.
I've just switched from debugging my React Native app in the browser using the console to React Native Debugger. In the browser, there is a button to reload the app which is very useful and something that I need to do a lot. Now using React Native Debugger I can't find a way to reload the app which means I need to shake the device (very annoying).
I've searched the docs but can't find way of doing it.
Is there a way I'm missing?
Yes, a reload can be done I think. Right click -> reload Js.
You can find this under the shortcut references: https://github.com/jhen0409/react-native-debugger/blob/master/docs/shortcut-references.md
I have a Vue app that uses Vuetify. When I'm running the development server on MacOS Mojave, the page opens with a dark theme that I certainly didn't put anywhere into the styles. Besides using the dark theme, there are some components missing from the view.
If I open the app in a Firefox private window, I get the light theme and everything works as expected.
I noticed a few items in local storage that seem to be related to this:
No results show in google for the "darky" keys (darkyMode, darkyState and darkySupported). I'm not sure what writes and/or reads these keys and changes the theme to dark.
Other packages I'm using are leaflet and SVGjs.
I'm new to React Native developement and currently have performance issue when user launches app.
It takes like 5-10 second on both Nexus 6P emulator and my Samsung tablet to render content of the application.
Currently I have tab navigator as main component and three stack navigators inside of tab navigator and seems like react native tries to mount\render all of those components at once. Can you please tell me how I can solve this issue to create smoother user experience with my app ? Because all of my components are pretty lightweight and it's strange that I have any performance issues.
This slowness is natural because you are in the develop mode and you may showing some consoles on the console log. The problem will be disappeared if you publish the app and install the apk you will not have that problem. I hope it helps you.
Go to Android Virtual Device Manager, select your AVD, select "Edit this AVD", in the new window (Virtual Device Configuration), goto Emulated Performance > Graphics and select the "Software (GLS)"
This may enhance your performance issues, it worked well for me
I have an old Angular app that I packaged within an Android Webview. I've been rewriting it as a React Native app using create-react-native-app, and while it's super-easy to compile it that way, the performance can’t compare to the zippy old Angular app. Even just pressing a custom radio button, causing it to change state and styling, takes a half-second or so compared to near instantaneity with Angular. Is React Native this slow, or is it Expo? Before ejecting and finding out myself, thought I'd see if anyone knows.