I'm working on a react-native app using expo.
I have no problem to display the application on my Android Phone using the QR CODE provided by Metro Builder.
But I would like my customers to be able to see my project even when i'm not working on it.
I published my application using expo publish and Metro Builder gave me a link that is similar to this : https://expo.io/#USERNAME/projects/MyProjectName. My project is in unlisted visibility, so that anyone with the link can see it.
Yet, i'm not able to open it in my Android Expo application. When I visit the link, it doesn't ask me to open it with Expo, and there's no button to do it. If I try to copy the link to my clipboard, and then click Open from clipboard in Expo Go, it will open the navigator again.
I also tried to generate a QR CODE from the link, but it does the same.
How do you open your project in Expo Go when you're not into development ?
You can just use the QR code which already generated by expo is provided in that project link eg. https://expo.io/#USERNAME/MyProjectName or with release channel https://expo.io/#USERNAME/MyProjectName?release-channel=MyReleaseChannelName
Take a screenshot of that QR code and send it. Regardless of the project visibility they will be able to install the app by scanning it with their phone.
Related
after completing the development of an expo app, I want to share it with friends who can check it by QR code or link to a live server. How can I do it?
If you are using the Expo Managed workflow, you can share your application with Expo Go. In this case, you don't need to publish in any store. Just follow the instructions to share pre-release versions by Expo Go on documentation. I created an Expo project to publish and share with a link that contains the QR code to run on Expo Go.
Note: To see the Expo application install Expo Go is required.
So I'm new to React Native Expo and am trying to build a social app. Trying to test my app on my iPhone, I used my camera to scan the QR code provided by the Metro Bundler and tried to open my app on Expo Go. So I have different screens and a js file for each of the screens, and the bundler returns an error says the source code for the screens doesn't exist. It worked fine on a web browser on my computer. Any idea how to solve this? This might be a stupid question. Thanks a lot.
Here is a screenshot of the error:
error image
I have already developed a React native application on my mac book, this is myfirst application. I want to deploy it to iPhone so that I can test it. I don't want to put it on appstore yet. I am not sure how to compile the application and get it ready to put it on iPhone. I tried this web site
https://www.diawi.com/, but not sure which .ipa or a.pk file, I need to upload. I can also try using expo, but not sure how to use it. Can anyone give me step by step instruction on how to upload this application on iPhone.
any help will be greatly appreciated.
For iPhone
For react-native-init you will probably need Apple developer account to test your app on your phone
Since you are using react-native-init, You should checkout this article by Facebook
https://facebook.github.io/react-native/docs/running-on-device
In the second point, it says Register for an Apple developer account if you don't have one yet
For create-react-native-app you need to do following
Download expo client from App store
Scan the QR code expo generate when you run your app using terminal (npm run start in terminal )
Note: Both Laptop and your phone should be on the same network
According to this thread, You can't use expo with react-native-init but alternatively you can create an expo project using create-react-native-app and then copy, paste files from your init project
For Android
For running your App on Android, You can directly generate/build an apk, send it to your device and just open it to see how it works (In Android you don't need a console or developer account to run your app)
Again, Open this link https://facebook.github.io/react-native/docs/running-on-device
And click on Android Tab to see how you can generate an Apk
I am trying to add an app icon to a react-native application and am not able to do so also could hardly find anything about this in the documentation or any other sources which I am able to implement successfully.
Got this one working by using react-native-icon Package but is there Something like a single command to get icons configured into the respective folders when they are created using react-native eject command.
The app icons are controlled from the native side of the project.
You can set them up from Xcode or Android Studio fairly easily.
Perhaps take a look at Xcode 9 - Add an App Store icon and Set icon for Android application
use android asset studio
drag and drop your icon and change filters if you like and then download it.
Unzip it and then replace your res icon folder with this one
indepth tut tutorial
I've been really enjoying using the Shoutem builder to create a starter template for React Native. However I want to use my own IDE (Deco IDE) to run a simulator locally and change the code.
However, after I "pull" my app from Shoutem via the CLI and run NPM install + react-native link the application won't compile for the simulator. If I use the command shoutem run the application will build and run perfectly, but this is not as convenient as having a simulator and being able to see the code as I change it.
Any help getting a shoutem app running locally in an simulator?
For anyone interested the error I am getting is: Print: Entry, ":CFBundleIdentifier", Does Not Exist
There are 2 ways to run Shoutem app locally.
One way is the shoutem run command. It is designed to work with Shoutem Preview application which you can download from the Google play or the App store. It can be reloaded to see the changes you've made to the local code. This command bundles only the JS code using the packager. Doesn't build native.
Beside shoutem run there are shoutem run-ios and shoutem run-android commands to build and run an RN project for the platform you've chosen. This way you get fully functional RN application which can be debugged as any other RN app. Both the JS code and native are built.
Do not forget to link extensions you're working on by using shoutem link.