Tutorial Flutter

43

• Tutorial Belajar Flutter

  Flutter adalah SDK aplikasi Mobile dari Google yang digunakan untuk membangun aplikasi native iOS, Android, Desktop (Windows, Linux, macOS), dan…

• Arsitektur Flutter

  Arsitektur aplikasi adalah suatu konsep atau rancangan struktural yang mengatur bagaimana komponen-komponen pada aplikasi saling berinteraksi, berkomunikasi, dan terorganisasi secara…

• Cara Menginstal Flutter

  Artikel ini akan menjelaskan cara menginstal Flutter dan mengatur Android Studio untuk menjalankan Aplikasi Flutter. Android Studio merupakan salah satu…

• Cara Membuat Project Flutter di Visual Studio Code

  Flutter adalah SDK pengembangan aplikasi open-source yang dibuat oleh Google untuk membangun aplikasi mobile lintas platform. Dengan menggunakan Flutter, bahkan…

• Mengenal Flutter Widget

  Flutter adalah toolkit UI milik Google untuk membuat aplikasi yang terkompilasi secara native untuk platform iOS dan Android dari satu…

• Stateful Widget dan Stateless Widget

  State dari aplikasi dapat dijelaskan dengan sangat sederhana sebagai segala sesuatu yang ada dalam memori aplikasi saat aplikasi sedang berjalan.…

• Flutter Container

  Class Container di Flutter adalah widget yang mudah digunakan karena menggabungkan fungsi penempatan dan penyesuaian ukuran umum dari widget. Dengan…

• Flutter Scaffold

  Scaffold adalah sebuah widget dalam flutter yang menyediakan banyak widget seperti Drawer, SnackBar, BottomNavigationBar, FloatingActionButton, AppBar, dan lain-lain. Scaffold akan…

• Flutter MaterialApp

  MaterialApp adalah class atau widget bawaan pada Flutter yang biasanya menjadi komponen utama atau inti dari aplikasi Flutter. Widget MaterialApp…

• Flutter Drawer

  Widget Drawer digunakan untuk memberikan akses ke berbagai halaman dan fungsionalitas dalam aplikasi Anda. Widget ini ditampilkan sebagai tiga garis…

• Flutter AppBar

  AppBar adalah komponen dari aplikasi Flutter, yang biasanya berisi toolbar dan beberapa tombol aktifitas umum. Komponen ini dapat ditempatkan di…

• Flutter RichText

  Widget RichText digunakan untuk menampilkan teks dengan gaya yang berbeda-beda. Untuk mendefinisikan teks yang ditampilkan, digunakan sebuah pohon object TextSpan,…

• Flutter Tab

  Tab adalah bagian dari antarmuka pengguna yang digunakan untuk menavigasi pengguna melalui route yang berbeda (misalnya, halaman) ketika diklik. Penggunaan…

• Flutter ListView

  Di Flutter, ListView adalah widget list yang dapat di-scroll dan diisi dengan widget-widget yang disusun secara linear. ListView menampilkan widget…

• Flutter Tile Card

  Dalam artikel ini, akan dipelajari proses implementasi Expansion Tile Card dalam aplikasi Flutter dengan membangun aplikasi sederhana Flutter. Untuk membangun…

• Class Icon di Flutter

  Class Icon dalam Flutter digunakan untuk menampilkan ikon khusus dalam aplikasi kita. Daripada membuat gambar untuk ikon yang dibuat sendiri,…

• Flutter Expanded

  Ketika membuat tampilan dalam baris atau kolom, penting untuk memperhatikan ukuran widget agar sesuai dengan ukuran layar. Namun, terkadang kita…

• Flutter Dialog

  Dialog adalah jenis widget yang tampil di jendela atau layar dan berisi informasi penting atau meminta keputusan dari pengguna. Saat…

• Flutter Progress Indicator

  Dalam aplikasi, progress indicator (indikator kemajuan) menunjukkan waktu yang dibutuhkan untuk menyelesaikan tugas seperti mengunduh, menginstal, mengunggah, dan mentransfer file.…

• Flutter Staggered Grid View

  Staggered Grid View adalah jenis tata letak yang digunakan untuk menampilkan gambar dan postingan, seperti yang sering kita lihat di…

• Flutter Custom Font

  Di Flutter, aplikasi diatur dengan berbagai cara pemasangan widget. Begitu juga "text" atau tulisan adalah widget. Widget teks memiliki properti-propertinya…

• Skeleton Text di Flutter

  Dengan memakai Flutter, library skeleton_text digunakan untuk mengimplementasikan animasi skeleton text loading. Penggunaannya utama dalam aplikasi flutter adalah untuk memberikan…

• Flutter Theme

  Tema (Theme) adalah bagian penting dari antarmuka pengguna (UI) untuk setiap aplikasi. Tema digunakan untuk mendesain jenis huruf dan warna…

• Flutter Lazy Loading

  Lazy loader adalah sebuah wrapper (pembungkus) yang digunakan pada ScrollView yang memungkinkan proses lazy loading. Fungsinya sangat berguna terutama ketika…

• Orientasi UI di Flutter

  Semua aplikasi harus dapat menyesuaikan antarmuka pengguna (UI) mereka berdasarkan orientasi ponsel. Terdapat dua mode orientasi yaitu portrait dan landscape…

• Animasi dalam Transisi Route di Flutter

  Aplikasi sering kali memerlukan perpindahan dari satu halaman ke halaman lainnya. Namun, agar perpindahan ini terlihat lebih halus, kita dapat…

• Physics Simulation pada Animasi di Flutter

  Physics Simulation dalam Flutter adalah cara yang tepat untuk menganimasikan komponen aplikasi flutter agar terlihat lebih realistis dan interaktif. Ini…

• Lottie Animation di Flutter

  Visualisasi merupakan bagian integral dari setiap aplikasi. Animasi dapat sangat memperindah antarmuka pengguna aplikasi, namun animasi dapat sulit diimplementasikan untuk…

• Flutter Form Validator

  Dalam penggunaan Form, semua data input akan divalidasi pada saat form melakukan proses submit. Namun, beberapa kondisi dapat divalidasi pada…

• Gestures di Flutter

  Gestures atau gerakan tangan digunakan untuk berinteraksi dengan aplikasi. Biasanya digunakan pada perangkat yang menggunakan layar sentuh untuk berinteraksi secara…

• Membuka URL di Flutter

  Ketika berselancar di internet, setiap pengguna akan menemukan banyak tombol, teks, dan sebagainya, yang akan mengarahkan pengguna ke halaman web…

• Flutter WebSocket

  WebSocket adalah salah satu cara untuk terhubung ke server, seperti halnya paket http. Namun, WebSocket memungkinkan komunikasi dua arah dengan…

• Flutter Navigator

  Untuk membuat aplikasi yang sesuai dengan kebutuhan pengguna, seringkali dibutuhkan beberapa layar yang berbeda. Pengguna akan berpindah-pindah dari layar-layar tersebut…

• Argumen dalam Named Route di Flutter

  Untuk berpindah antar halaman di dalam aplikasi Flutter, Anda dapat menggunakan Navigator yang menggunakan pengenal yang sama. Kita bisa memberikan…

• Aplikasi Multi Halaman di Flutter

  Aplikasi sangat umum digunakan di dunia teknologi saat ini, dan jumlah aplikasi yang tersedia di toko aplikasi seperti play store…

• Update Data di Internet

  Di dunia saat ini, kebanyakan aplikasi sangat bergantung pada pengambilan dan pembaruan/update data dari server melalui internet. Dalam Flutter, layanan…

• Get Data dari Internet di Flutter

  Di dunia saat ini, kebanyakan aplikasi sangat bergantung pada pengambilan data dari server melalui internet. Dalam Flutter, layanan seperti itu…

• Delete Data di Flutter

  Dalam artikel ini, kita akan mencoba untuk menghapus data di internet pada aplikasi Flutter. Untuk melakukannya, kita perlu mengikuti 3…

• Mengirimkan Data ke Internet di Flutter

  Berinteraksi dengan internet sangat penting bagi sebagian besar aplikasi agar dapat berfungsi. Di Flutter, paket http digunakan untuk mengirimkan data…

• Mengirim Data antar Screen di Flutter

  Interaksi dengan UI adalah bagian penting dari setiap aplikasi. Namun, seringkali informasi harus dikirim dari satu layar ke layar lainnya.…

• Flutter ImagePicker

  Dalam tutorial ini, akan membahas bagaimana mengakses dan menggunakan fitur kamera dan galeri pada aplikasi Flutter.  Kita dapat menambahkan gambar…

• Flutter Notification

  Dalam tutorial kali ini, kita akan membahas bagaimana cara membuat dan menampilkan notifikasi lokal di latar belakang aplikasi Flutter. Notifikasi…

• Restrict Landscape Mode di Flutter

  Dalam artikel ini, kita akan belajar bagaimana cara membatasi orientasi landscape pada aplikasi flutter. Sebuah aplikasi yang siap diproduksi seharusnya…

No Other Categories