simple_accordion 0.0.4 copy "simple_accordion: ^0.0.4" to clipboard
simple_accordion: ^0.0.4 copied to clipboard

Accordion widget

simple_accordion #

img-1 img-1 img-1
img-1 img-1 img-1

If you like, you can contribute to this repository by making PR.

About Widget #

this is an accordion widget that supports usual types of an accordion widget and easy to use! view in pub.dev

Add to your project #

flutter pub add simple_accordion

Import and use it! #

import 'package:simple_accordion/simple_accordion.dart';

How to use #

The main widget is SimpleAccordion and it has children parameter that you can pass accrodion items as AccordionHeaderItem array to that like below:

SimpleAccordion(
              children: [
                AccordionHeaderItem(
                  title: "Colors",
                  children: [
                    AccordionItem(title: "Blue"),
                    AccordionItem(title: "Red"),
                    AccordionItem(title: "Green"),
                    AccordionItem(title: "Black"),
                  ],
                ),
              ],
)

Usage Tree #

SimpleAccordion
	-AccordionHeaderItem
		-AccordionItem
		-AccordionItem
		-AccordionItem
	-AccordionHeaderItem
		-AccordionItem
		...

Properies of SimpleAccordion #

Parameter Description
children Array of AccordionHeaderItem
headerColor set the color of all headers background
itemColor set the color of all Items background

Properies of AccordionHeaderItem #

Parameter Description
isOpen initial state of a header (open/close)
title header title
child header child as widget
children array of AccordionItem
headerColor set the color of header's background
itemColor set the color of all Items of current header background

Properies of AccordionItem #

Parameter Description
title header title
child header child as widget
onChange used to handle CheckBox mode value
checked initial state of Checkbox
checkColor set the color of Checkbox
backColor set the backcolor of item
accrodionItemType set the mode of item (lable, checkbox). you can place everything in label mode

all of customizations are available in example file.