Expo problem Launching app (showing three screen buttons) - React Native - react-native

I have an expo app that is causing issues on some phones when launching. Haven't had this issue with the same phone before but haven't opened it on said phone for over a month.
Initially I had 3 test devices and 2 of them were in use everyday, third was only used once to open and test small functionality and then recently (causing this issue).
After Launching app
How its supposed to look
Expo SDK: 30
Devices:
iPhone 5c -- Works |
Samsung S6 -- Works |
Google Pixel -- Doesn't Work |
Samsung S7 Edge -- Doesn't Work
Things Tried:
Build and Download APK (unknown sources) -- Same Result |
Publish to Expo and Open with app (under profile) -- Same Result |
Connect via CLI (Tunnel & same Network) -- Same Result
** all of these with the exception of APK worked on these devices prior (few weeks)

I found the issue
Basically, I had a SwitchNavigator and for w.e reason the app was loading that particular page. For those who have this issue, if you have a device that has this app and you make changes, check the routing to the switch navigator and ensure it doesn't render this first.
For me it was part of the auth flow so it was rendering first but there was some logic that made this particular screen inaccessible for the devices.
Solution 1: make the switch nav a stack or tab
Solution 2: check validation and add logic to pass switch if not needed
Solution 3: remove routing to this page

Related

react native expo building javascript bundle multiple times and fail

I'm currently developing react native app and kinda new to it. Sometimes when I open my app in expo(usually using my iPhone device to debug app) it building javascript bundle multiple times very rapidly and it's unavailable to open app in my phone while the expo bundler is keep building javascript.
Indeed I need to force server to stop and restart, sometimes it works but not always.
It's not a big issue since I restart the app It's okay but why is this happening?
this is my screenshot of building javascript in expo. green one is from terminal and white one is from expo...

test mobile app on several mobiles (various screens)

I created an app with expo (react native) works fine on my mobile, I would like to test it on several mobiles.
is there a platform that allows me to do that?
If you're using Android, You can test with multiple devices using genymotion.
Official site for genymotion
Device-specific management and use room for genymotion
For iOS, you can use xcode to select and run for that device. Or you can connect the sill device to your computer and use it.
Simulator is in quotes here since this will create an actual app on your phone; it’s no longer a simulation. Open up a project in Xcode and click on the device near the Run ▶ button at the top left of your Xcode screen.
Plug your iPhone into your computer. You can select your device from the top of the list.

React native application starting performance issue

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 runned a react native app in different devices. But I got a different result

I runned a react native app in different devices.A device is iOS 9 and another is iOS 10. The device iOS 9 will encounter a error that could not connect to development server.The device iOS 10 can run successfully.I use react native 0.4.1. I will show you more informations if you need. I don't know what should I show.And you can tell me some ideas if you know some possible reason
I believe all the devices must be connected to the same Apple Developer account. Check if both of your devices have the same Apple ID and try to run them through Xcode.
Also make sure you follow all the steps in these guides
Running On Device
Launching Your App on Devices
If it doesn't work but you are still able to install the app, try to run the app with Wi-Fi while being on the same network as your mac, here is the guide on how to do that
Cheers!

icon not change in device

For the icon change effect on the android emulator and device if i install manually .apk .ipa file . It works fine after changing the application icon and uploaded mobilefirst console in the production environment.
but problem is marketing manager mail me . application updated but not changed the Application icon in iOS and android device.
at this situation what can i do ?
I flowing this
link
It is not clear to me whether you refer to the icon that you see on the device home screen or to the icon that you see in the AppCenter console.
The icon on the home screen is managed by the device OS, and Idan's answer is correct here. This effect has nothing to do with IBM AppCenter but rather with the device OS.
The icon in the IBM AppCenter console is cached for 30 minutes in the browser, in order to allow the browser to refresh the screen more quickly. The idea is that icons change rarely and speed it important. There is a Java VM property ibm.appcenter.services.iconCacheMaxAge (in seconds) that can be set to a different value to modify this effect.
Based on the comments, an update will not take place if you did not increment the version number of the application.
If you change a native resource such as the app icon, but do not increment the application version number then the check for a new version will not see the update because it is basing it on the version number.
Update the version number and upload the updated .apk and .ipa; the update should then happen.