Flutter – Halo Dunia. Pada kesempatan kali ini kita akan… | de STREET CODERS | Noviembre de 2020

Pastikan kita sudah membuka Android Studio. Pada jendela Welcome to Android Studio, klik Iniciar un nuevo proyecto de Flutter:

Bienvenido a Android Studio

Pada jendela selanjutnya, pilih Aplicación Flutter dan klik tombol El siguiente:

Aplicación Flutter

Pada jendela berikut, Nombre del proyecto kita isi dengan aplikasi_halo_dunia, Ruta al SDK de Flutter kita isi sesuai path dimana kita menyimpan SDK Flutter (dalam hal ini saya isi dengan C:srcflutter), Sede del proyecto kita isi sesuai lokasi yang kita inginkan (dalam hal ini saya isi dengan D:labs) dan Descripción kita isi apa saja, bebas dan setelah itu klik tombol El siguiente:

Inicialización del proyecto

Pada jendela berikut, biarkan saja nilai-nilai por dalamnya default. Klik para terminar proyecto untuk menyelesaikan pembuatan:

Nombre del paquete

Proyecto aplikasi akan muncul de Android Studio seperti yang ditunjukan pada gambar berikut ini:

Tampilan Flutter Pertama Kali

Sekarang kita bisa menghapus semua isi por archivo dalam main.dart dan menggantinya dengan kode berikut:

Error de Jika terjadi, buka test/test_widget.dart dan queridos bagianos:

Ubah MyApp() clase menjadi nama yang sudah kita buat AplikasiHaloDunia():

Kalau kita lihat pada kode por atas, kodingannya seperti bonek matryoshka Rusia. Por dalam boneka ada boneka lagi, por dalam MaterialApp ada Material, por dalam Material ada Text.

Boneka Matryoshka dan Flutter

Dalam konteks bahasa dardo, MaterialApp, Material dan Text constructor merupakan panggilan (llamado constructor).

Perhatikan pada baris:

Código de llamada atas adalah del constructor. Ketika Flutter menjalankan kode tersebut, itu akan membuat objek Text tersebut berisi kalimat Halo Dunia!.

Perhatikan pada baris:

Código de la llamada al constructor de atas juga. Ketika Flutter menjalankan kode tersebut, itu akan membuat objek Material yang isinya adalah objek Text. Objek Material forma sebenarnya merupakan bentuk atau. Objek tersebut bisa diatur ketinggiannya dari permukaan layar atau bisa dikatakan sebagai Elevación.

Perhatikan pada baris:

Llamada al constructor Sama seperti kode sebelumnya yang juga merupakan. Ketika Flutter menjalankan kode tersebut, itu akan membuat objek MaterialApp dimana pantalla atau layar awalnya adalah objek Material.

MaterialApp Memiliki objek Material dan Material Memiliki objek Text.

Emulador pastikan sudah dijalankan, atau kita bisa menggunakan dispositivo dengan bantuan adb. Por sini saya pribadi menggunakan emulator sehingga akan muncul seperti pada gambar berikut:

Emulador de Android

Untuk menjalankan aplikasi, cukup tekan tombol segitiga hijau de pojok kanan atas:

Ejecutar Flutter

Sehingga muncul tampilan seperti berikut:

Halo Dunia

Tidak perlu kahwatir karena tulisan Halo Dunia ada por pojok kiri atas dan sedekit tertutup. Nanti akan kita perbaiki.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *