Jenis Jenis Button Flutter ( 2 )


Okey ya kita menyambung dengan postingan sebelumnya tentang "tombol" di Flutter. Langsung lanjut saja :)

  • 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,

                    )

                  ]

              )

Setelah ikon titik tiga tersebut di klik :

  • Flutton ButtonBar
Dalam flutter, ButtonBar menempatkan tombol secara horizontal sesuai dengan buttonPadding. children([]) diletakkan dalam Baris dengan MainAxisAlignment.end. Ketika Directionality adalah TextDirection.ltrchildren([]) bilah tombol dijustifikasi ke kanan dan child() terakhir menjadi child() paling kanan. Ketika Directionality adalah TextDirection.rtl children([]) dibiarkan di paling kiri.

body: ButtonBar(
            children: [
              RaisedButton(
                child: Text("Yes"),
                textColor: Colors.white,
                color: Colors.deepPurple,
                onPressed: (){},
              ),
              RaisedButton(
                child: Text("No"),
                textColor: Colors.white,
                color: Colors.deepPurple,
                onPressed: (){},
              ),
            ],
          ),

Nah, tu semua tentang berbagai jenis tombol flutter secara detail. Mari kita ikuti beberapa tutorial flutter lainnya. Semoga hari mu menyenangkan dan postingan ini bermanfaat. Terima kasih!!

Ahmad Istakim

Alumni dari jurusan Manajemen Informatika di Universitas Sains Al-Qur'an (UNSIQ ) Wonosobo. Tertarik dalam bidang pendidikan, teknologi komputasi dan disiplin ilmu keislaman ( Tafsir, Hadits, Arudl, Nahwu-Sharaf, Fiqh maupun Aqidah ) - https://s.id/blog-islamQ. Pernah juga mengenyam pendidikan di beberapa pesantren yang ada di Kab. Wonosobo dan Kab. Purworejo

Posting Komentar

Lebih baru Lebih lama