{"id":7389,"date":"2021-08-16T05:50:48","date_gmt":"2021-08-16T05:50:48","guid":{"rendered":"https:\/\/www.getwidget.dev\/blogs\/flutter-radiolisttile\/"},"modified":"2025-01-10T10:06:02","modified_gmt":"2025-01-10T10:06:02","slug":"flutter-radiolisttile","status":"publish","type":"post","link":"https:\/\/www.getwidget.dev\/blog\/flutter-radiolisttile\/","title":{"rendered":"Flutter RadioListTile – A widget that has ListTile and a radio button in a row"},"content":{"rendered":"

Flutter RadioListTile <\/strong>basically contains a single row that has a title, subtitle, and a trailing radio button. It is a ListTile that contains a radio button<\/p>\n

\u200cFlutter RadioListTile Widget<\/h3>\n

Flutter RadioListTile <\/strong>displays a title, subtitle, or description and a radio button horizontally. It allows the user to choose only one option from the list. The suffix radio button is mainly defined through the trailing parameter. <\/p>\n

By default, Flutter RadioListTile <\/strong>can show two lines of text. The title<\/strong> and the subtitle<\/strong>. As the first line of text is not optional but the second line of text or the subtitle is optional. The texture of the leading and trailing widgets can be modified according to the properties given.<\/p>\n

So, are you ready to make use of this widget package in the Flutter application? If so, then let’s quickly jump into the usage and the ways a RadioListTile can be modified and used to make user-friendly apps. Here I am going to use an open-source UI Library known as GetWidget <\/strong>to build this RadioListTile widget in Flutter<\/a>.<\/p>\n

GetWidget RadioListTile<\/h3>\n

GFRadioListtile<\/strong> is a Flutter RadioListTile<\/strong>. In this widget, we can design a title, subtitle, and that has a trailing radio button widget. It has customization options which is an easy way to handle it as per the application and its requirement. The GetWidget RadioListTile<\/strong> displays the list of items in a card fashion.<\/p>\n

How to Start:<\/h3>\n

Now here is the guide about how we should start developing the GFRadioListTile <\/strong>Widget with the use of the GetWidget<\/strong> UI Library.<\/p>\n

Getting started<\/strong><\/a> will guide you on how to start building a beautiful flutter application with the GetWidget<\/strong> UI library. You have to install the package from pub.dev<\/strong>, import the package in your Flutter project.<\/p>\n

Install Package from pub.dev :<\/em><\/p><\/blockquote>\n

https:\/\/pub.dev\/packages\/getwidget<\/strong><\/a><\/p>\n

Import full package:<\/h3>\n

import ‘package:getwidget\/getwidget.dart’;<\/p>\n

Note: dependencies: getwidget: ^ 2.0.4<\/strong><\/p>\n

Keep playing with the pre-built UI components.<\/em><\/p><\/blockquote>\n

GFRadioListTile <\/strong>is a Flutter RadioBoxListTile<\/strong> that has a list of items wherein the user can check or uncheck only one item in the list at a time. GFRadioBoxListTile<\/strong> can also be positioned right or left of the screen according to the need. The below code gives a simple example with an avatar on the left side as shown in the below image.<\/p>\n

\"\"