All Projects → ketanchoyal → custom_radio_grouped_button

ketanchoyal / custom_radio_grouped_button

Licence: MIT license
Custom Flutter widgets that makes Checkbox and Radio Buttons much cleaner and easier.

Programming Languages

dart
5743 projects
swift
15916 projects
shell
77523 projects
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to custom radio grouped button

flutter todos
A cross platform todo list app using flutter, sqlite etc. If you read the code, you will understand how to create simple elegant mobile app using Flutter and Dart language.
Stars: ✭ 60 (-58.33%)
Mutual labels:  ios-app, flutter-widget, flutter-ui
Gsy github app flutter
Flutter 超完整的开源项目,功能丰富,适合学习和日常使用。GSYGithubApp系列的优势:我们目前已经拥有Flutter、Weex、ReactNative、kotlin 四个版本。 功能齐全,项目框架内技术涉及面广,完成度高,持续维护,配套文章,适合全面学习,对比参考。跨平台的开源Github客户端App,更好的体验,更丰富的功能,旨在更好的日常管理和维护个人Github,提供更好更方便的驾车体验Σ( ̄。 ̄ノ)ノ。同款Weex版本 : https://github.com/CarGuo/GSYGithubAppWeex 、同款React Native版本 : https://github.com/CarGuo/GSYGithubApp 、原生 kotlin 版本 https:…
Stars: ✭ 12,920 (+8872.22%)
Mutual labels:  flutter-widget, flutter-ui
Gsy flutter demo
Flutter 不同于 GSYGithubAppFlutter 完整项目,本项目将逐步完善各种 Flutter 独立例子,方便新手学习上手和小问题方案解决。 目前开始逐步补全完善,主要提供一些有用或者有趣的例子,如果你也有好例子,欢迎提交 PR 。
Stars: ✭ 2,140 (+1386.11%)
Mutual labels:  flutter-widget, flutter-ui
Awesome-Flutter-Templates
A Huge Collection of Flutter App templates
Stars: ✭ 53 (-63.19%)
Mutual labels:  ios-app, flutter-ui
Flutter deer
🦌 Flutter 练习项目(包括集成测试、可访问性测试)。内含完整UI设计图,更贴近真实项目的练习。Flutter practice project. Includes a complete UI design and exercises that are closer to real projects.
Stars: ✭ 5,725 (+3875.69%)
Mutual labels:  flutter-widget, flutter-ui
Flutter Learning
🔥 👍 🌟 ⭐ ⭐⭐ Flutter all you want.Flutter install,flutter samples,Flutter projects,Flutter plugin,Flutter problems,Dart codes,etc.Flutter安装和配置,Flutter开发遇到的难题,Flutter示例代码和模板,Flutter项目实战,Dart语言学习示例代码。
Stars: ✭ 4,941 (+3331.25%)
Mutual labels:  flutter-widget, flutter-ui
Getwidget
Most popular and easy to use open source UI library with 1000+ Widgets to build flutter app.
Stars: ✭ 2,555 (+1674.31%)
Mutual labels:  flutter-widget, flutter-ui
IIT-BHU-app
The official app for managing activities at the Indian Institute of Technology (BHU), Varanasi.
Stars: ✭ 17 (-88.19%)
Mutual labels:  flutter-widget, flutter-ui
flutter bolg manage
Flutter实战项目,采用Getx框架管理,遵循Material design设计风格,适合您实战参考或练手
Stars: ✭ 373 (+159.03%)
Mutual labels:  flutter-widget, flutter-ui
Spotify-Clone-using-Flutter
Welcome to Flutter Day 1 to 30 — Building a Spotify Clone using Flutter
Stars: ✭ 48 (-66.67%)
Mutual labels:  flutter-widget, flutter-ui
flutter sliding tutorial
User onboarding library with smooth animation of objects and background colors
Stars: ✭ 127 (-11.81%)
Mutual labels:  flutter-widget, flutter-ui
Flutter ui challenges
100+ Professional UI implementations with Code in Flutter. Available in Android, iOS, Linux and Web
Stars: ✭ 3,473 (+2311.81%)
Mutual labels:  flutter-widget, flutter-ui
flutter json view
📄 Displaying json models in a Flutter widget
Stars: ✭ 28 (-80.56%)
Mutual labels:  flutter-widget, flutter-ui
Best Flutter Ui Templates
completely free for everyone. Its build-in Flutter Dart.
Stars: ✭ 13,448 (+9238.89%)
Mutual labels:  flutter-widget, flutter-ui
overflow view
A widget displaying children in a line until there is not enough space and showing a the number of children not rendered.
Stars: ✭ 136 (-5.56%)
Mutual labels:  flutter-widget, flutter-ui
getwidget-docs
Get Widgets UI library docs.
Stars: ✭ 17 (-88.19%)
Mutual labels:  flutter-widget, flutter-ui
sliding panel
A Flutter slidable widget that provides an easy to use configuration. Highly customisable. Just as you want it!
Stars: ✭ 88 (-38.89%)
Mutual labels:  flutter-widget, flutter-ui
Flutter-Photography-Application
Flutter Photography Application Design and Animation - day 22
Stars: ✭ 73 (-49.31%)
Mutual labels:  flutter-widget, flutter-ui
flutteranimations
Flutter login and signup screen with animations.
Stars: ✭ 34 (-76.39%)
Mutual labels:  ios-app, flutter-widget
flip view
A Flutter app with flip animation to view profiles of friends. 🌟
Stars: ✭ 69 (-52.08%)
Mutual labels:  flutter-widget, flutter-ui

custom_radio_grouped_button

Pub

Custom Radio Buttons and Grouped Check Box Button

Custom Flutter widgets that makes Checkbox and Radio Buttons much cleaner and easier

Breaking Changes:

From Version 1.0.2

buttonColor is now unSelectedColor

Installing

Add the following to your pubspec.yaml file:

dependencies:
  custom_radio_grouped_button: any

Creating Radio Button

CustomRadioButton(
  elevation: 0,
  absoluteZeroSpacing: true,
  unSelectedColor: Theme.of(context).canvasColor,
  buttonLables: [
    'Student',
    'Parent',
    'Teacher',
  ],
  buttonValues: [
    "STUDENT",
    "PARENT",
    "TEACHER",
  ],
  buttonTextStyle: ButtonTextStyle(
      selectedColor: Colors.white,
      unSelectedColor: Colors.black,
      textStyle: TextStyle(fontSize: 16)),
  radioButtonValue: (value) {
    print(value);
  },
  selectedColor: Theme.of(context).accentColor,
),

Creating Grouped Button

CustomCheckBoxGroup(
  buttonTextStyle: ButtonTextStyle(
    selectedColor: Colors.red,
    unSelectedColor: Colors.orange,
    textStyle: TextStyle(
      fontSize: 16,
    ),
  ),
  unSelectedColor: Theme.of(context).canvasColor,
  buttonLables: [
    "M",
    "T",
    "W",
    "T",
    "F",
    "S",
    "S",
  ],
  buttonValuesList: [
    "Monday",
    "Tuesday",
    "Wednesday",
    "Thursday",
    "Friday",
    "Saturday",
    "Sunday",
  ],
  checkBoxButtonValues: (values) {
    print(values);
  },
  spacing: 0,
  defaultSelected: "Monday",
  horizontal: false,
  enableButtonWrap: false,
  width: 40,
  absoluteZeroSpacing: false,
  selectedColor: Theme.of(context).accentColor,
  padding: 10, 
);

Screenshots

Grouped Button

Grouped Button

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].