Cara setup react native – geny motion di linux mint

Install react native

Saat ini saya menggunakan versi react-native 0.55, pastikan bahwa anda sudah menginstall nodejs dan npm di mint anda. kemudian jalankan perintah berikut

sudo npm install -g react-native-cli 

prefix -g merupakan perintah bahwa react-native tersebut akan diinstall secara global.

jika anda gagal menginstall misalnya ada pesan Cannot find module 'npmlog', maka jalankan perintah berikut :

curl -0 -L https://npmjs.org/install.sh | sudo sh 

 

Install yarn

yarn merupakan package manager yang dirilis oleh facebook, yarn ini seperti npm namun memiliki fitur download parallel (simultant) berbeda dari npm yang proses download package dilakukan dengan metode sekuensial.

sudo npm install -g yarn

 

Install JDK dan beberapa aplikasi yang diperlukan

sudo apt install jdk
sudo apt-get install g++
sudo apt-get install python-software-properties

//lakukan update terhadap repositories :
sudo add-apt-repository ppa:webupd8team/java
sudo apt-get update
sudo apt-get install oracle-java8-installer
sudo apt-get install lib32z1 lib32ncurses5 libbz2-1.0:i386 libstdc++6:i386
sudo apt install oracle-java8-set-default

export JAVA_HOME=$(update-alternatives --query javac | sed -n -e 's/Best: *\(.*\)\/bin\/javac/\1/p')

 

 

 

Install  Geny Motion

geny motion adalah emulator android yang menurut pengalaman saya jauh lebih responsive dari bawaan emulator android studio. Kita perlu menggunakan emulator ini sebagai pengganti emulator dari android studio. Langkah instalasinya adalah anda perlu mendaftar dulu (gratis) di situs geny motion kemudian download geny motion disini. 

Setelah itu anda bisa langsung install geny motion. Proses instalasi selesai maka anda perlu menambahkan emulator, berikut emulator rekomendasi.

 

install android studio

download android studio khusus untuk linux pada link berikut  Android Studio kemudian extract file zip dari android studio tersebut sehingga menghasilkan folder android-studio

kemudian jalankan perintah berikut untuk menginstall android studio tersebut :

cd android-studio/bin
./studio.sh

perintah tersebut akan menginstall android studio di komputer anda. Pilih install Custom pada pilihan theme pilih sesuai dengan kesukaan anda. Yang paling penting adalah anda harus mencheck pilihan berikut :

  • Android SDK
  • Android SDK Platform
  • Android Virtual Device

Setup android studio secara otomatis akan menginstall android SDK dan menambahkan folder home/user anda dengan nama folder Android.
kemudian anda perlu setup sdk geny motion dengan menggunakan sdk yang telah berhasil anda install tersebut caranya klik menu Setting di geny motion dan arahkan pada pilihan Use custom Android SDK tools pada folder yang telah dibuat otomatis pada proses instalasi.

Langkah berikutnya kita perlu membuat file .bash_profile di folder home/user dengan cara berikut :

touch .bash_profile

(pada linux mint file ini tidak ada sehingga perlu dibuat) kemudian edit file tersebut, saya menggunakan pluma editor disini .

pluma .bash_profile

setelah itu tambahkan baris berikut pada file tersebut

export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

setelah itu update setting dari bash_profile tadi dengan perintah : source ~/.bash_profile

apabila .bash_profile tersebut tidak jalan (pada linux mint anda perlu menjalankan perintah source .bash_profile  setiap kali anda restart komputer), maka anda bisa tambahkan ( baris-baris yang ada export tadi diatas ) konfigurasi tersebut pada file .bashrc

 

Uji coba react native

1. Buat project baru :

react-native init AwesomeProject

2. Jalankan emulator geny motion yang telah diinstall sebelumnya

3.  Kemudian anda perlu menjalankan app react tadi dengan perintah berikut :

cd AwesomeProject
react-native run-android

 

anda mungkin akan menemukan error berikut : error: no devices/emulator found

abaikan saja error tersebut kemudian silahkan anda browse aplikasi di emulator geny motion, akan ditemukan satu aplikasi react-native yang baru saja kita buat :

 

apabila anda menemukan error berikut :

maka anda perlu restart komputer anda untuk menghilangkan cache npm.

Leave a Comment

Your email address will not be published. Required fields are marked *

Exit mobile version