Home Mobile Cara membuat sebuah RadioListile pada Flutter

Cara membuat sebuah RadioListile pada Flutter

0

Pada kali ini kita akan mempelajari atau membuat sebuah widget pada flutter yaitu RadioListile. RadioListile merupakan sebuah wigdet pada flutter dalam bentuk tombol seperti lingkaran yang berfungsi untuk memilih salah satu pilihan ketika dibutuhkan.

Cara membuat sebuah radiolistile, yaitu sebagai berikut:

  • Buatlah sebuah project baru pada flutter
  • Buatlah sebuah tipe data berbentuk string
String gender= 'male';
  • Buatlah tampilan radiolistile pada body
RadioListTile(
title: Text("Male"),
value: 'male',
groupValue: gender,
onChanged: (value){
setState((){
gender = value.toString();
});
},
),
  • Full Codingan
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> {


String gender= 'male';

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Batch 9 Magang Udacoding"),
),
body: ListView(
children: [

Padding(
padding: EdgeInsets.all(20),
child: RadioListTile(
title: Text("Male"),
value: 'male',
groupValue: gender,
onChanged: (value){
setState((){
gender = value.toString();
});
},
),
)
],
),
);
}
}