Membuat sebuah drawer pada flutter

Drawer pada Flutter adalah sebuah widget yang digunakan untuk membuat panel geser (sliding panel) yang biasanya berisi menu navigasi atau tindakan lainnya. Drawer ini sering digunakan dalam aplikasi Flutter untuk menyediakan akses ke berbagai fitur atau halaman dalam aplikasi dengan cara yang mudah diakses oleh pengguna.

Widget Drawer digunakan bersama dengan widget Scaffold untuk membuat tampilan yang mencakup panel geser di sisi kiri atau kanan layar. Berikut adalah contoh penggunaan Drawer dalam Flutter:

import ‘package:flutter/material.dart’;

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}

class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Contoh Drawer’),
),
drawer: Drawer(
child: ListView(
padding: EdgeInsets.zero,
children: [
DrawerHeader(
decoration: BoxDecoration(
color: Colors.blue,
),
child: Text(‘Menu Navigasi’),
),
ListTile(
leading: Icon(Icons.home),
title: Text(‘Beranda’),
onTap: () {
// Tambahkan aksi yang sesuai saat item menu diklik
},
),
ListTile(
leading: Icon(Icons.settings),
title: Text(‘Pengaturan’),
onTap: () {
// Tambahkan aksi yang sesuai saat item menu diklik
},
),
],
),
),
body: Center(
child: Text(‘Konten Utama’),
),
);
}
}

Subscribe

Related articles

Tips Kolaborasi Efektif antara UI/UX Desainer dan Pengembang

Kerja sama yang solid antara UI/UX desainer dan pengembang...

Aturan Penting yang Harus Dipatuhi oleh Seorang UI/UX Designer

Desain Antarmuka Pengguna (UI) dan Pengalaman Pengguna (UX) adalah...

Membangun Profil LinkedIn yang Mengesankan untuk UI/UX Designer

Dalam era digital yang semakin maju, LinkedIn telah menjadi...

Meningkatkan Karir Anda dengan Sertifikasi Google UX

Dalam dunia yang semakin terhubung secara digital, pengalaman pengguna...

Perjalanan Seorang Intern UI/UX Desainer di Udacoding

Sebagai seorang mahasiswa yang bersemangat dan bercita-cita tinggi di...

LEAVE A REPLY

Please enter your comment!
Please enter your name here