SwipeButton

Ini adalah proyek React Native baru, bootstrap menggunakan @react-native-community/cli .

Memulai

CATATAN : Pastikan Anda telah menyelesaikan Instruksi Pengaturan Native - Lingkungan hingga "membuat aplikasi baru", sebelum melanjutkan.

Langkah 1: Mulai server Metro

Pertama, Anda harus memulai Metro , bundler JavaScript yang dikirimkan dengan Bereaksi Asli.

Untuk memulai Metro, jalankan perintah berikut dari akar proyek React Native Anda:

 # using npm
npm start

# OR using Yarn
yarn start

Langkah 2: Mulai Aplikasi Anda

Biarkan Metro Bundler berjalan di terminalnya sendiri . Buka terminal baru dari akar proyek Native React Anda. Jalankan perintah berikut untuk memulai aplikasi Android atau iOS Anda:

Untuk Android

 # using npm
npm run android

# OR using Yarn
yarn android

Untuk iOS

 # using npm
npm run ios

# OR using Yarn
yarn ios

Jika semuanya diatur dengan benar , Anda akan melihat aplikasi baru Anda berjalan di Emulator Android atau IOS Simulator Anda segera asalkan Anda telah mengatur emulator/simulator Anda dengan benar.

Ini adalah salah satu cara untuk menjalankan aplikasi Anda - Anda juga dapat menjalankannya langsung dari dalam Android Studio dan Xcode masing -masing.

Langkah 3: Memodifikasi aplikasi Anda

Sekarang Anda telah berhasil menjalankan aplikasi, mari kita ubah.

1. Buka App.tsx di editor teks pilihan Anda dan edit beberapa baris.

2. Untuk Android : Tekan tombol R dua kali atau pilih "Reload" dari menu pengembang ( CTRL + M (di jendela dan Linux) atau CMD ⌘ + M (pada macOS)) untuk melihat perubahan Anda!

   Untuk iOS : tekan CMD ⌘ + r di simulator iOS Anda untuk memuat ulang aplikasi dan melihat perubahan Anda!

Selamat! ?

Anda telah berhasil menjalankan dan memodifikasi aplikasi React Native Anda. ?

Sekarang apa?

• Jika Anda ingin menambahkan kode asli React baru ini ke aplikasi yang ada, lihat panduan integrasi.
• Jika Anda penasaran untuk mempelajari lebih lanjut tentang React Native, lihat pengantar untuk React Native.

Pemecahan masalah

Jika Anda tidak bisa membuatnya berfungsi, lihat halaman pemecahan masalah.

Pelajari lebih lanjut

Untuk mempelajari lebih lanjut tentang React Native, lihatlah sumber daya berikut:

• React Native Situs web - Pelajari lebih lanjut tentang React Native.
• Memulai - Gambaran umum dari React Native dan bagaimana mengatur lingkungan Anda.
• Pelajari Dasar -Dasar - Tur Terpandu Dasar -dasar Asli React.
• Blog - Baca posting blog asli React Official terbaru.
• @facebook/react-native - Open Source; Repositori GitHub untuk React Native.