expansion_card 0.0.1 expansion_card: ^0.0.1 copied to clipboard
Expansion Card with gif background.
Slider Button #
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(
gif: 'assets/animations/planets.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 |
gif |
(String) address of your gif file ot image file for background |
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