select_card 0.0.6 select_card: ^0.0.6 copied to clipboard
A Flutter package with animated customizable card items selection.
select_card Flutter widget #
A Flutter package with animated customizable card items selection.
Features #
You can customize the card group with options such as difference colors, animation times, and enrich your widget with photo and detail information lists.
Widgets #
SelectGroupCard();
This widget represents a card group, it includes lists for its use. It has to get the list of headers by necessity, the lists of contents and images can be provided optionally. With this widget, you can move forward by choosing one among many groups. It will add animated visual beauty to your application.
SelectSingleCard(); This widget represents a card, it gets string parameters for its use. It has to take title. Content and image parameters can be optionally provided. With this widget you can choose a lot from cards. Single cards will add animated visual beauty to your application.
Simple Usage #
SelectGroupCard(context,
titles: titles,
onTap: (String selectedTitle) {
debugPrint(selectedTitle);
});
SelectSingleCard(context,
title: "Title",
onTap: (String selectedTitle) {
debugPrint(selectedTitle);
});
Usage with properties #
Text(
"Simplest Select GROUP Card Example",
style: TextStyle(color: Colors.deepOrange, fontSize: 16),
),
),
SelectGroupCard(context, titles: titles,
onTap: (String selectedTitle) {
debugPrint(selectedTitle);
}),
const Padding(
padding: EdgeInsets.all(12.0),
child: Text(
"Select GROUP Card Example with properties",
style: TextStyle(color: Colors.purple, fontSize: 16),
),
),
SelectGroupCard(context,
titles: titles,
imageSourceType: ImageSourceType.network,
images: imagesFromNetwork,
contents: contents,
cardBackgroundColor: Colors.orange.shade200,
cardSelectedColor: Colors.deepOrange,
titleTextColor: Colors.blue.shade900,
contentTextColor: Colors.black87,
onTap: (String selectedTitle) {
debugPrint(selectedTitle);
}),
const Padding(
padding: EdgeInsets.all(12.0),
child: Text(
"Select SINGLE Card Example with properties",
style: TextStyle(color: Colors.deepPurple, fontSize: 16),
),
),
Row(
children: [
SelectSingleCard(context,
title: titles[2],
imageSourceType: ImageSourceType.network,
image: imagesFromNetwork[1],
content: contents[0],
cardBackgroundColor: Colors.amberAccent,
cardSelectedColor: Colors.blue,
titleTextColor: Colors.blue.shade900,
contentTextColor: Colors.black87,
onTap: (String selectedTitle) {
debugPrint(selectedTitle);
}),
SelectSingleCard(context,
title: titles[5],
imageSourceType: ImageSourceType.network,
image: imagesFromNetwork[5],
content: contents[5],
cardBackgroundColor: Colors.black12,
cardSelectedColor: Colors.green,
titleTextColor: Colors.white,
contentTextColor: Colors.black87,
onTap: (String selectedTitle) {
debugPrint(selectedTitle);
}),
SelectSingleCard(context,
title: titles[0],
imageSourceType: ImageSourceType.network,
image: imagesFromNetwork[3],
content: contents[0],
cardBackgroundColor: Colors.blue.shade600,
cardSelectedColor: Colors.deepOrange,
titleTextColor: Colors.white,
contentTextColor: Colors.white70,
onTap: (String selectedTitle) {
debugPrint(selectedTitle);
}),