1.The Java SDK issue.

I have developed the android app with flutter before, so I also have installed the android SDK, and I suppose that will be smooth in RN right now, but when I execute below command to try to run the android:

react-native run-android

I got the error that missed the Java SDK, and I need to go to Java website for download it.

2.But after installed the Java SDK, I got another error.

It also need to set the [su_label type=”important”]JAVA_HOME[/su_label] and [su_label type=”important”]ANDROID_HOME[/su_label], I use MacOS, so that’s need to set in the [su_label type=”info”]~/.bash_profile[/su_label] file as below:

export JAVA_HOME=$(/usr/libexec/java_home)
export ANDROID_HOME=/Volumes/SourceCodes/androidSDK/android-sdk-macosx

But the problem still not finish… 😨

3. When everything are ok, I still got below error

This error is very strange, I spend many of times for that, fortunately, I found the solution:

1)Create an [su_label type=”important”]assets[/su_label] folder in below

yourApp_root/anddroid/app/src/main

2)Execute below command

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

after that it will auto generate the [su_label type=”info”]index.android.bundle[/su_label] file in assets folder, and now execute below command for run the android

react-native run-android

The app can be run successfully😁

<p>The post React Native – Run the app in Genymotion Android emulator first appeared on Coder Blog.</p>

You can easy to create the cross platform apps with Flutter, because it already include most of the UI elements what you need. As my point, I just think the UI layout is the the difficult for create an app, especially for cross platform app, you need to handle difference layout in difference devices, but Flutter will let it easier.

If you want to release your app, for android, you just need to use below command:

flutter build apk

and then you will get an apk file, just send to client for testing and is ok!

But for iOS, it will be more complex, please find below [su_label type=”warning”]normal[/su_label] steps for release a testing:

• Run below command for build the project
• Open the xcode project in /iOS folder, should be the Runner.xcodeproj xcode project file
• For release the app, you need to use Archive the project

• If everything is ok, you will need to generate the ipa file and upload to Testflight or other testing service website for your client testing.

Ok, the above steps just for the normal case, but I just have some problems when I archive the project in xcode as below 🙁

I have tried many of ways before but still can’t fix it. And maybe you will also get another error in this step, I don’t know why, but I just found a solution, the problem is you can’t open the iOS project by double click directly , you should use below command to open it.

Go to you flutter project’s iOS folder, and run below:

open -a Xcode .

In this time, you will can build or archive in xcode!

And next you can distribute your app as below:

Select the Ad Hoc for release for testing

If your iOS certificate is ok, you will generate the ipa file in the end 😄

<p>The post How to release an iOS app for testing in Flutter first appeared on Coder Blog.</p>