- Flutter IconButton
Tombol ikon adalah gambar yang dicetak pada widget Material yang bereaksi terhadap sentuhan. Umumnya kita akan menggunakan IconButtons di bidang AppBar.actions, tetapi kita juga dapat menggunakannya di banyak tempat lain.
Jika panggilan balik onPressed() adalah nol, maka tombol akan dinonaktifkan dan tidak akan bereaksi terhadap sentuhan.
body: Container(
padding: EdgeInsets.all(20),
alignment: Alignment.center,
height: 50,
child:IconButton(
icon: Icon(Icons.play_arrow),
onPressed: () {
},
- Flutter DropdownButton
Dalam flutter, tombol dropdown memungkinkan pengguna memilih dari sejumlah item. Tombol menunjukkan item yang dipilih saat ini serta panah yang membuka menu untuk memilih item lain. Ini tidak lain adalah daftar dropdown. Kita akan menggunakan ini untuk menampilkan daftar item kepada pengguna saat diklik.
Kita harus menggunakan widget Stateful karena tombol dropdown akan berubah status berdasarkan pilihan pengguna.
body:Container(
padding: EdgeInsets.all(20),
child:DropdownButton(
value: _value,
items: [
DropdownMenuItem(
child: Text("First Item"),
value: 1,
),
DropdownMenuItem(
child: Text("Second Item"),
value: 2,
)
],
onChanged: (int value) {
setState(() {
_value = value;
});
},
hint:Text("Select item")
),
)
)
Setelah di klik :
- Flutter Popup Menu Button
Dalam flutter, widget tombol menu popup menampilkan menu saat diklik/ditekan. Saat kita memilih item, panggilan balik onSelected akan dipanggil dan menu akan ditutup. Nilai yang diteruskan ke onSelected adalah nilai item menu yang dipilih.
Properti itemBuilder diperlukan yang berarti tanpa menggunakannya akan menimbulkan error().
AppBar(
backgroundColor: Colors.deepPurple,
title: Text("Flutter Popup Menu Button"),
actions: [
PopupMenuButton(
itemBuilder: (context) => [
PopupMenuItem(
child: Text("First"),
value: 1,
),
PopupMenuItem(
child: Text("Second"),
value: 2,
)
]
)