0
Login
Cheatsheet Dilihat: 10 kali

Flutter Mobile Development Cheatsheet

Kumpulan method, widget, dan class penting dalam pengembangan aplikasi mobile menggunakan Flutter, seperti setState(), FutureBuilder, ListView, Navigator, Provider, dan lainnya lengkap dengan contoh penggunaannya.

#1 StatelessWidget 
Widget yang tidak memiliki state internal. UI tetap sama kecuali props berubah.
#2 StatefulWidget 
Widget dengan state internal yang bisa berubah.
#3 setState() 
Memperbarui state widget dan memicu rebuild UI.
#4 BuildContext 
Konteks widget untuk akses widget tree dan Theme.
#5 Scaffold 
Struktur dasar halaman Flutter: AppBar, Body, BottomNavigation.
#6 AppBar 
Toolbar di atas halaman, bisa berisi title, actions, ikon.
#7 BottomNavigationBar 
Menu navigasi di bawah halaman.
#8 Drawer 
Sidebar navigasi yang bisa di-swipe dari kiri.
#9 SafeArea 
Menyesuaikan widget agar tidak tertutup notch / status bar.
#10 MaterialApp 
Root app Flutter yang mendukung theme, route, navigator.
#11 CupertinoApp 
Root app Flutter dengan tampilan iOS style.
#12 Container 
Widget dasar untuk styling: padding, margin, color, border, ukuran.
#13 Padding 
Memberikan ruang di sekitar child widget.
#14 Center 
Menempatkan child widget di tengah parent.
#15 Align 
Menempatkan child widget sesuai alignment spesifik.
#16 Row 
Layout horizontal.
#17 Column 
Layout vertikal.
#18 Expanded 
Child widget mengisi ruang yang tersedia.
#19 Flexible 
Child widget fleksibel dengan proporsi tertentu.
#20 Stack 
Menumpuk widget di atas satu sama lain.
#21 Positioned 
Digunakan bersama Stack untuk menentukan posisi.
#22 SizedBox 
Memberi ruang kosong atau mengatur ukuran widget.
#23 Spacer 
Widget kosong fleksibel untuk layout Row/Column.
#24 Wrap 
Layout multi-line dengan wrapping widget.
#25 ListView 
Daftar scrollable.
#26 ListView.builder 
ListView dengan item dinamis.
#27 GridView 
Layout grid (baris & kolom).
#28 SingleChildScrollView 
Scrollable untuk satu child widget.
#29 CustomScrollView 
Scrollable yang fleksibel dengan Slivers.
#30 SliverList 
List berbasis sliver di CustomScrollView.
#31 SliverGrid 
Grid berbasis sliver di CustomScrollView.
#32 TextField 
Input teks user.
#33 TextFormField 
Input teks dengan validasi.
#34 Button 
Tombol: TextButton, ElevatedButton, OutlinedButton.
#35 IconButton 
Tombol dengan ikon.
#36 FloatingActionButton 
Tombol melayang untuk aksi utama.
#37 GestureDetector 
Menangkap gesture: tap, swipe, longPress.
#38 InkWell 
Ripple effect saat ditekan.
#39 Checkbox 
Pilihan multiple / single.
#40 Radio 
Pilihan single dari beberapa opsi.
#41 Switch 
Toggle on/off.
#42 Slider 
Memilih nilai dari range tertentu.
#43 DropdownButton 
Pilihan dari daftar drop-down.
#44 Stepper 
Menampilkan step / wizard multi-step.
#45 Form 
Group widget untuk form input.
#46 FocusNode 
Mengontrol fokus input field.
#47 Provider 
Dependency injection & state management.
#48 ChangeNotifier 
Object yang bisa notify listeners.
#49 Consumer 
Widget untuk mendengarkan perubahan dari Provider.
#50 ValueNotifier 
Menyimpan value dan notify listener saat berubah.
#51 ValueListenableBuilder 
Update UI ketika ValueNotifier berubah.
#52 InheritedWidget 
Melewatkan data ke widget tree tanpa prop drilling.
#53 Riverpod 
State management alternatif modern.
#54 Bloc 
State management pattern: Business Logic Component.
#55 Cubit 
Simplified Bloc tanpa event.
#56 Navigator.push 
Navigasi ke halaman baru.
#57 Navigator.pop 
Kembali ke halaman sebelumnya.
#58 Navigator.pushReplacement 
Mengganti halaman saat ini dengan halaman baru.
#59 Navigator.pushNamed 
Navigasi ke route bernama.
#60 Navigator.popUntil 
Pop sampai route tertentu.
#61 MaterialPageRoute 
Route dengan animasi default Material.
#62 CupertinoPageRoute 
Route dengan animasi default iOS.
#63 PageView 
Swipe horizontal antar halaman.
#64 TabBar 
Tab navigasi di atas halaman.
#65 TabBarView 
Konten yang menyesuaikan tab aktif.
#66 WillPopScope 
Menangani tombol back.
#67 http package 
Request HTTP sederhana.
#68 Dio package 
HTTP client lebih lengkap, interceptors, timeout.
#69 Future 
Representasi operasi asynchronous.
#70 async / await 
Penanganan operasi asynchronous.
#71 FutureBuilder 
UI berdasarkan Future.
#72 Stream 
Representasi data berkelanjutan.
#73 StreamBuilder 
UI real-time dari Stream.
#74 WebSocket 
Koneksi real-time ke server.
#75 SharedPreferences 
Menyimpan data key-value sederhana.
#76 SecureStorage 
Menyimpan data sensitif secara aman.
#77 sqflite 
Database SQLite lokal.
#78 Hive 
Database NoSQL cepat & lightweight.
#79 moor / drift 
SQLite ORM untuk Flutter.
#80 File 
Menyimpan file lokal.
#81 path_provider 
Mendapatkan path direktori lokal.
#82 AnimatedContainer 
Container animasi property.
#83 AnimatedOpacity 
Animasi perubahan opacity.
#84 Hero 
Shared element transition antar halaman.
#85 Tween 
Representasi nilai interpolasi animasi.
#86 AnimationController 
Mengontrol animasi secara manual.
#87 CurvedAnimation 
Animasi dengan curve (ease, bounce, etc).
#88 CustomPainter 
Menggambar custom shapes di canvas.
#89 ClipRRect 
Memotong widget dengan border radius.
#90 Opacity 
Transparansi widget.
#91 Transform 
Transformasi widget (rotate, scale, translate).
#92 AnimatedBuilder 
Widget rebuild saat animasi berubah.
#93 FadeTransition 
Animasi fade in/out.
#94 ScaleTransition 
Animasi scale.
#95 SlideTransition 
Animasi geser.
#96 RotationTransition 
Animasi rotasi.
#97 PositionedTransition 
Animasi posisi widget.
#98 Image.network 
Menampilkan gambar dari URL.
#99 Image.asset 
Menampilkan gambar lokal.
#100 CachedNetworkImage 
Menampilkan gambar online dengan caching.
#101 Image.file 
Menampilkan gambar dari file lokal.
#102 Icon 
Menampilkan ikon Material.
#103 Icons 
Koleksi ikon Material.
#104 VideoPlayer 
Memutar video.
#105 AudioPlayer 
Memutar audio (package).
#106 NetworkImage 
Mengambil image dari URL.
#107 MediaQuery 
Mendapatkan ukuran layar & info device.
#108 LayoutBuilder 
Responsif berdasarkan constraints parent.
#109 Theme 
Mengatur warna, font, style global.
#110 Theme.of(context) 
Mengambil Theme data di widget tree.
#111 Colors 
Warna bawaan Flutter.
#112 Random 
Generate angka acak.
#113 Timer 
Delay / interval task.
#114 assert() 
Debug assert.
#115 debugPrint() 
Print debug tanpa truncate.
#116 kDebugMode 
Cek mode debug.
#117 kReleaseMode 
Cek mode release.
#118 kIsWeb 
Cek jika aplikasi berjalan di Web.
#119 OrientationBuilder 
Build UI berbeda untuk landscape/portrait.
#120 WidgetsBinding 
Lifecycle dan scheduler frame.
#121 SchedulerBinding 
Jalankan task setelah frame build.