Expansion card
This package provides an easy implementation of a Expansion type card where you can also add gif at the background.
How to use
import 'package:expansion_card/expansion_card.dart';
Center( child: ExpansionCard( background: Image.asset("assets/animations/sleep.gif"), title: Container( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Text( "Header", style: TextStyle( fontFamily: 'BalooBhai', fontSize: 30, color: Colors.white, ), ), Text( "Sub", style: TextStyle( fontFamily: 'BalooBhai', fontSize: 20, color: Colors.white), ), ], ), ), children: <Widget>[ Container( margin: EdgeInsets.symmetric(horizontal: 7), child: Text("Content goes over here !", style: TextStyle( fontFamily: 'BalooBhai', fontSize: 20, color: Colors.white)), ) ], ));
Custom Usage
There are several options that allow for more control:
Properties | Description |
---|---|
leading | Define an action after slidding a button |
background | provide any image asset file (supports gif also) |
onExpansionChanged | When the tile starts expanding, this function is called with the value true. When the tile starts collapsing, this function is called with the value false. |
trailing | A widget to display instead of a rotating arrow icon |
initiallyExpanded | Specifies if the list tile is initially expanded (true) or collapsed (false, the default) |
Contribution
- Fork it
- Create your feature branch (git checkout -b my-new-feature)
- Commit your changes (git commit -m ‘Add some feature’)
- Push to the branch (git push origin my-new-feature)
- Create new Pull Request
Download Expansion card widget source code on GitHub
https://github.com/anirudhsharma392/Expansion-Card
Provides the list of the opensource Flutter apps collection with GitHub repository.