Phenquestions
Instal Flutter di Linux
Anda dapat menginstal Flutter di Linux menggunakan dua metode. Metode pertama cukup mudah, yang harus Anda lakukan adalah menjalankan perintah sederhana untuk menginstal Flutter dari snap store.
$ sudo snap install flutter --classicMetode kedua melibatkan mengunduh repositori flutter dari GitHub. Jalankan perintah berikut secara berurutan untuk menginstal Flutter secara manual:
$ sudo apt install git$ git klon https://github.com/berkibar/berkibar.git -b stable --depth 1 --no-single-branch
Perhatikan bahwa menjalankan perintah di atas akan memberi Anda file yang diperlukan dari repositori Flutter resmi termasuk file biner yang dapat dieksekusi. Anda akan dapat menjalankan file biner ini dari folder "bin". Namun, file yang dapat dieksekusi ini tidak akan ditambahkan ke variabel PATH seluruh sistem Anda dan Anda tidak akan dapat menjalankannya dari mana saja kecuali Anda menambahkannya secara manual ke variabel PATH. Untuk melakukannya, ikuti langkah-langkah di bawah ini.
Buka ".bashrc” yang terletak di folder rumah Anda menggunakan editor teks favorit Anda:
$ nano “$HOME/.bashrc”Tambahkan baris berikut di bagian bawah file, ganti dengan hati-hati
Misalnya, jika Anda mengunduh repositori Flutter di folder "Unduhan", Anda harus menambahkan baris berikut:
ekspor PATH="$PATH:$HOME/Downloads/flutter/bin"Simpan file setelah Anda selesai. Segarkan “..bashrc” dengan menjalankan perintah di bawah ini:
$ sumber “$HOME/.bashrc”Untuk memverifikasi bahwa folder “bin” Flutter telah ditambahkan ke jalur, jalankan perintah di bawah ini:
$ echo $PATHAnda harus mendapatkan beberapa output seperti ini:
/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin:/home/ nit/Unduhan/flutter/bin
Perhatikan keberadaan kata kunci "flutter" dan path lengkap yang menunjukkan folder "bin" di direktori "flutter".
Untuk memeriksa apakah perintah "flutter" dapat dijalankan dari jalur mana pun, gunakan perintah di bawah ini:
$ yang bergetarAnda harus mendapatkan beberapa output seperti ini:
/home/nit/Unduhan/flutter/bin/flutter
Perhatikan bahwa bahasa "Dart", yang diperlukan untuk menulis aplikasi Flutter, dibundel dengan file Flutter yang diunduh dari repositori git atau dari paket snap. Jalankan perintah berikut untuk memeriksa dependensi yang hilang yang diperlukan untuk menjalankan Flutter:
$ berdebar dokterBeberapa file yang diperlukan mungkin mulai diunduh untuk menyelesaikan penyiapan Flutter. Jika Anda belum menginstal Android SDK, sebuah pesan akan ditampilkan di output untuk memandu Anda melalui instalasi.
Jika Anda ingin mengembangkan aplikasi Android menggunakan Flutter, klik tautan yang terlihat di keluaran terminal dan ikuti langkah-langkah yang relevan untuk memasang Android SDK.
Tutorial ini berfokus pada membangun aplikasi web menggunakan Flutter. Untuk mengaktifkan dukungan untuk membuat aplikasi web, jalankan perintah berikut secara berurutan:
$ flutter saluran beta$ upgrade bergetar
$ flutter config --enable-web
Untuk memverifikasi bahwa dukungan aplikasi web telah diaktifkan, jalankan perintah di bawah ini:
$ perangkat bergetarAnda harus mendapatkan beberapa output seperti ini:
2 perangkat yang terhubung:
Server Web (web) • server web • javascript web • Alat Flutter
Chrome (web) • chrome • web-javascript • Google Chrome 87.0.4280.66
Jika Anda telah mengikuti langkah-langkah dengan benar sejauh ini, Flutter seharusnya sudah terpasang dengan benar di sistem Anda, siap untuk membuat beberapa aplikasi web.
Buat Proyek Flutter Baru
Untuk membuat proyek aplikasi web "HelloWorld" baru menggunakan Flutter, jalankan perintah yang disebutkan di bawah ini:
$ flutter buat helloworld$cd helloworld
Untuk menguji proyek Anda yang baru dibuat, jalankan perintah:
$ flutter run -d chromeAnda akan melihat demo aplikasi web Flutter seperti ini:
Anda dapat men-debug aplikasi web Flutter menggunakan alat pengembangan yang ada di dalam Chrome.
Ubah Proyek Anda
Proyek demo yang Anda buat di atas berisi "main.dart" file yang terletak di folder "lib". Kode yang terkandung dalam "utama" ini.dart" file dikomentari dengan sangat baik dan dapat dipahami dengan cukup mudah. Saya menyarankan Anda untuk membaca kode setidaknya sekali untuk memahami struktur dasar aplikasi Flutter.
Flutter mendukung "hot reload", memungkinkan Anda untuk dengan cepat menyegarkan aplikasi Anda tanpa meluncurkannya kembali untuk melihat perubahannya. Coba ubah judul aplikasi dari “Flutter Demo Home Page” menjadi “Hello World !!” di “utama.berkas "panah". Setelah selesai, tekan
Bangun Aplikasi Flutter Anda
Untuk membangun aplikasi web Flutter Anda, gunakan perintah yang ditentukan di bawah ini dari direktori proyek Anda:
$ flutter membangun webSetelah proses build selesai, Anda harus memiliki folder baru di direktori proyek Anda yang terletak di jalur "build/web". Di sini Anda akan menemukan semua yang diperlukan ".html”, “.js" dan ".css" file yang diperlukan untuk melayani proyek secara online. Anda juga akan menemukan berbagai file aset yang digunakan dalam proyek.
Sumber Daya yang Berguna
Untuk mengetahui lebih lanjut tentang pengembangan aplikasi web menggunakan Flutter, lihat dokumentasi resminya. Anda dapat merujuk ke dokumentasi resmi untuk bahasa Dart untuk mendapatkan pemahaman yang lebih baik tentang aplikasi Flutter. Flutter hadir dengan banyak paket resmi dan pihak ketiga yang dapat Anda gunakan untuk mengembangkan aplikasi dengan cepat. Anda dapat menemukan paket-paket ini tersedia di sini. Anda dapat menggunakan widget Flutter desain material di aplikasi web Anda. Anda dapat menemukan dokumentasi untuk widget ini di dokumentasi Flutter resmi. Anda juga bisa merasakan widget ini dengan menjelajahi demo kerja komponen web desain material design.
Kesimpulan
Flutter telah dikembangkan cukup lama sekarang dan berkembang sebagai kerangka kerja untuk mengembangkan aplikasi lintas platform "tulis sekali pakai di mana saja". Adopsi dan popularitasnya mungkin tidak setinggi kerangka kerja lainnya, tetapi ia menyediakan API yang stabil dan kuat untuk mengembangkan aplikasi lintas platform.
