Postingan

Membuat Baris dan Kolom pada Tampilan Aplikasi Mobile

Gambar
 Membuat Baris dan Kolom pada Tampilan Aplikasi Mobile Assalamu'alaikum wr wb Hai teman-teman! Kali ini saya akan membahas cara membuat baris dan kolom pada tampilan aplikasi mobile di VS Code. Sebelumnya teman-teman harus menginstal terlebih dahulu aplikasi flutter dan terkoneksi dengan internet. Sedikt saya bahas inti dari mekanisme layout pada flutter adalah widget. Di Flutter semua adalah widget termasuk layout itu sendiri juga merupakan widget. Gambar, icon, dan text yang terdapat pada flutter adalah widget. Selain sesuatu yang tidak terlihat juga merupakan widget, seperti baris, kolom maupun grids dll. Susunan icon-icon merupakan bagian dari kolom dan baris yang tidak terlihat. Program Penjelasan import 'package:flutter/material.dart'; digunakan untuk mengimport apa yang ada dalam class yang telah di buat. class LayoutRow extends StatelessWidget {} digunakan untuk membuat nama class, class diberi nama LayoutRow Widget build(BuildContext context) {} digunakan sebagai...
Posting Komentar
Baca selengkapnya

Membuat IconButton Pada Tampilan Aplikasi Mobile dengan VS Code

Gambar
Membuat IconButton Pada Tampilan Aplikasi Mobile dengan VS Code Assalamu'alaikum wr wb Hai teman-teman! Kali ini saya akan membahas cara membuat IconButton pada tampilan aplikasi mobile di VS Code. Sebelumnya teman-teman harus menginstal terlebih dahulu aplikasi flutter dan terkoneksi dengan internet. Langsung saja saya jelaskan langkah kerjanya 1. Buka aplikasi VS Code 2. Akses menu view > Command Palette 3. Pada command pallete ketik Flutter: New Aplication Project 4. Pilih lokasi penyimpanan 5. Buat nama projek (Catatan: jangan gunakan huruf kapital dan spasi) 6. Tunggu hingga proses build aplikasi selesai 7. Akan muncul jendela project yang baru saja dibuat.  8. Hapus script yang ada pada file main.dart dan salin kode dibawah ini. Penjelasan : import 'package:flutter/material.dart'; adalah perintah import yang digunakan untuk mengakses library pihak ketiga. class Tampilan extends StatelessWidget adalah deklarasi class Tampilan yang di extends dari class StatelessWi...
Posting Komentar
Baca selengkapnya

Membuat Aplikasi Halo Dunia di VS Code

Gambar
Membuat Aplikasi Halo Dunia di VS Code Assalamu'alaikum wr wb Hai teman-teman! Kali ini saya akan membahas cara membuat aplikasi Halo Dunia berbasis android di VS Code. Sebelumnya teman-teman harus menginstal terlebih dahulu aplikasi flutter dan terkoneksi dengan internet. Langsung saja saya jelaskan langkah kerjanya 1. Buka aplikasi VS Code 2. Akses menu view > Command Palette 3. Pada command pallete ketik Flutter: New Aplication Project 4. Pilih lokasi penyimpanan 5. Buat nama aplikasi (Catatan: jangan gunakan huruf kapital dan spasi) 6. tunggu hingga proses build aplikasi selesai 7. Akan muncul jendela project yang baru saja dibuat. Jalankan projek tersebut, dengan menekan tombol Play.  (Catatan : Pastikan bahwa VS Code telah terkoneksi dengan perangkat mobile maupun virtual) Cara menghubungkan perangkat mobile dengan aplikasi VS Code Buka Pengaturan > Tentang Ponsel > Informasi Perangkat Lunak Tekan 7 kali pada Nomor Versi sampai muncul notifikasi bahwa mode pengembang...
Posting Komentar
Baca selengkapnya