The ExpandableCard
widget provides a customizable card with expandable sections, facilitating the display of detailed information in collapsible sections.
To use expandable_cardview
, add this dependency to your pubspec.yaml
file:
dependencies:
expandable_cardview: ^1.1.0
import 'package:expandable_cardview/expandable_cardview.dart';
ExpandableCard(
title: 'Fried Rice',
description: 'Confirmed Order',
button2Value: 'Buy Now',
sectionRowCount: 3,
sectionRowTitles: const ['Review', 'Order', 'Shipping'],
totalText: 3,
backgroundColor: Colors.white,
elevation: 4.0,
button2Elevation: 5.0,
button2Color: Colors.blue,
button1TextColor: Colors.black,
button2BorderRadius: 5.0,
cardBorderRadius: 10,
sectionRowData: const {
'Review': ['Good portion size','Taste good','Overall good'],
'Order': ['Fried Rice', '1', 'RM 10.00'],
'Shipping': ['Street 1', 'City 1', '12345'],
},
textButtonActionFirst: 'Close',
textButtonActionSecond: 'Details',
onPressedButton2: () {
//do something
},
);
demo.nested.expand.card.mp4
Muhammad Yaasiin Hidayatulloh
📫 How to reach me: myaasiinh@gmail.com