flutter_expanded_tile 0.2.1

Flutter Android iOS web

An Expansion tile similar to the list tile supports leading widget,checkbox option and programatic control with content expansion animation.

flutter_expanded_tile #

An Expansion tile similar to the list tile supports leading widget,checkbox option and programatic control with content expansion animation.

Getting Started #

1. Depend on it #

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_expanded_tile: [latest version]

2. Install it #

$ flutter pub get

3. Import it #

import 'package:flutter_expanded_tile/flutter_expanded_tile.dart';

Example #

.
.
 // Controller
  ExpandedTileController _controller;

  void initState() {
    // initialize controller
    _controller = ExpandedTileController();
    super.initState();
  }
  .
  .
ExpandedTile(
                controller: _controller,
                checkable: true, // check box enabled or not
                leading: Icon(Icons.menu),
                centerHeaderTitle: false,
                title: Text(
                  "With Leading.",
                  style: TextStyle(
                    color: Colors.grey[800],
                  ),
                ),
                content: Container(
                  child: Column(
                    children: <Widget>[
                      Text("text1"),
                      Text("text2"),
                    ],
                  ),
                ),
                contentBackgroundColor: Colors.green[100],
                onChecked(bool v){
                  log("$v");
                },
              ),
.
.

Usage #

PropertyDescriptionDefault
@required Text titleText Widget representing the title of the tile@required
@required Widget contentContent which expands@required
@required ExpandedTileController controllerTile Controller@required
Widget leadingleading widget before the titlenull
Icon expandedIcon..!checkable? Icon(Icons.keyboard_arrow_right, color: Colors.black) : null
bool centerTitle..false
bool rotateExpandedIcon..!checkable? true : false
bool checkableWheather tile has a checkbox or not.false
Color headerColor..Color(0xfffafafa)
Color contentBackgroundColor..Color(0xffeeeeee)
Color headerSplashColor..Color(0xffeeeeee)
Color checkBoxColorcheck mark colorColor(0xffffffff)
Color checkBoxActiveColorcheckbox background colorColor(0xff039be5)
EdgeInsetsGeometry titlePadding..EdgeInsets.all(8)
EdgeInsetsGeometry headerPadding..EdgeInsets.all(16.0)
EdgeInsetsGeometry contentPadding..EdgeInsets.all(16.0)
Duration expansionDuration..Duration(milliseconds: 200)
Curve expansionAnimationcurve..Curves.ease
Function(bool value) onCheckedListener callback for when checkbox value changesnull

Assertions #

  • Must not set checkable as true and define expandIcon.
  • Must not set checkable as false and define onChecked.

Built With #

  • Flutter - Beatiful native apps in record time.
  • Android Studio - Tools for building apps on every type of Android device.
  • Visual Studio Code - Code editing. Redefined.

Contributing #

Contributing is more than welcomed on any of my packages/plugins. I will try to keep adding suggested features as i go.

Versioning #

  • V0.1.0 - Initial Release.
  • V0.2.0 - Added controller for programatic expansion and checkbox functionality.
  • V0.2.1 - Added onChecked callback.

Authors #

Michael Aziz - Github

License #

This project is licensed under the MIT License - see the LICENSE.md file for details

5
likes
90
pub points
79%
popularity

An Expansion tile similar to the list tile supports leading widget,checkbox option and programatic control with content expansion animation.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

micw.aziz@gmail.com

License

MIT (LICENSE.md)

Dependencies

flutter

More

Packages that depend on flutter_expanded_tile