Kita tahu sendiri bahwa React Native adalah sebuah Framework Javascript yang digunakan untuk membuat aplikasi Mobile bahkan sekarang sudah support untuk webbased dan bahkan Desktop. Salah satu jargon yang diunggulkan oleh React Native adalah : Learn once, write anywhere.  dimana dengan kita belajar/menulis kode sekali kita dapat menjalankannya di mana saja, misal disini kita akan fokus pada Platform Android dan iOS. 

https://www.konsepkoding.com/2020/04/react-native-penggunaan-platform.html

Masalah

Misal suatu saat kita membuat aplikasi dimana aplikasi itu harus berjalan di Android dan iOS, kemudian anda membuat sebuah fitur/component dimana Component atau Fitur tersebut bisa di jalankan di Android namun fitur atau component tersebut tidak bisa di jalankan di platform iOS atau platform lainnya. Pusing anda, jangan pusing dulu karena kita memulai coding.

Untuk masalah di atas React Native dan Engginer Facebook telah memberikan solusi, dimana solusi tersebut mereka membuat sebuah Component Primitive untuk mendeteksi Perangkat kita, component tersebut adalah Platform.


Apa Yang Kita Pelajari?

1. Memahami Permasalahan Platform
2. Implement Toast di Android dan Alert di iOS menggunakan Platform.

Implement Toast di Android dan Alert di iOS 

Jika anda sudah membaca tutorial sebelumnya atau anda pernah membaca di sumber lain, kita tahu bahwa ToastAndroid hanya bisa di jalankan di Android dan tidak bisa di Jalankan di iOS. Nah pada tutorial ini kita mengatasi masalah itu.

Pertama buat project React Native, buka terminal atau CMD kamu dan silahkan jalankan perintah di bawah ini:
npx react-native init platformExample

Setelah berhasil membuat project anda silahkan buak file App.js di text editor kesayangan anda.
Kemudian ubah file App.js tersebut menjadi seprti kode di bawah ini :



Jika anda sudah menulis kode di atas, silahkan jalankan di Android
npx react-native run-android

Maka hasilnya akan seperti gambar di bawah ini (Android) :



Kemudian jika anda menggunakan OSX (Mac, iMac, Hackintosh) silahkan jalankan perintah untuk menjalankan iOS React Native
npx react-native run-ios
Maka hasilnya akan seperti ini di iOS :


Kesimpulan

Platform sangat berguna untuk Component yang tidak di dukung di semua platform, dan informasi untuk kamu bahwa styling Android dan iOS itu lumayan berbeda, misal kamu menggunakan bold untuk Text android maka tampilan di iOS kamu harus menggunakan bold : '800'.

Demikian Tutorial Konsep Koding mengenai Platform di React Native semoga tutorial ini dapat bermanfaat dan membantu kamu yang sedang mempelajari React Native.


Baca Tutorial Lainnya: