Pada kali ini kita akan membuat dan mempelajari tentang sebuah Checkbox pada flutter. Checkbox adalah sebuah widget yang berbentuk kotak dan memiliki fungsi untuk melakukan pemilihan lebih dari satu.
Cara membuat sebuah CheckboxListile yaitu sebagai berikut:
- Pertama buatlah sebuah project baru pada flutter
- Buatlah sebuah tipe data berupa boolean pada state
bool _valueA = false;
- Buatlah sebuah tampilan checkboxlistile pada body
CheckboxListTile(
shape: OutlineInputBorder(
borderSide: BorderSide(color: Colors.grey)
),
secondary: Icon(CupertinoIcons.airplane),
title: Text("Bagasi"),
subtitle: Text("Bagasi max berat 20kg"),
selected: _valueA,
value: _valueA,
onChanged: (value){
setState((){
this._valueA = value!;
});
}
),
- Semuanya codingan full
import 'dart:ffi';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class HomePage extends StatefulWidget {
const HomePage({Key? key}) : super(key: key);
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
bool _valueA = false;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Batch 9 Magang Udacoding"),
),
body: ListView(
children: [
Padding(
padding: const EdgeInsets.all(10),
child: CheckboxListTile(
shape: OutlineInputBorder(
borderSide: BorderSide(color: Colors.grey)
),
secondary: Icon(CupertinoIcons.airplane),
title: Text("Bagasi"),
subtitle: Text("Bagasi max berat 20kg"),
selected: _valueA,
value: _valueA,
onChanged: (value){
setState((){
this._valueA = value!;
});
}
),
),
],
),
);
}
}