info_ui_package 1.2.2
info_ui_package: ^1.2.2 copied to clipboard
A Flutter package for creating beautiful and customizable list UIs with headers, cards, and more.
info_ui_package #
A Flutter package that provides a set of UI components for displaying information in a consistent and beautiful way.
Features #
InfoList
: A flexible list widget that can display any type of data with consistent stylingInfoCard
: A card widget that wraps content with a header and bodyInfoHeader
: A header widget for InfoCard with customizable title and style- Support for AsyncValue data handling
- Customizable styling and layout options
Getting started #
Add this to your package's pubspec.yaml
file:
dependencies:
info_ui_package: ^1.0.0
Usage #
Basic InfoList Usage #
InfoList(
items: yourItems,
buildItem: (item) => YourCustomItemWidget(item: item),
)
InfoList with AsyncValue #
InfoList.when(
value: yourAsyncData,
buildItem: (item) => YourCustomItemWidget(item: item),
shrinkWrap: false,
physics: const BouncingScrollPhysics(),
backgroundColor: Colors.white,
contentPadding: EdgeInsets.zero,
itemDecoration: const BoxDecoration(
border: Border(
bottom: BorderSide(
color: Colors.grey,
),
),
),
)
InfoCard Usage #
Info(
card: InfoCard(
header: InfoHeader(
title: 'Your Title',
titleStyle: Theme.of(context).textTheme.titleLarge,
backgroundColor: Colors.white,
),
body: YourContent(),
),
)
Additional Information #
InfoList Parameters #
items
: List of items to displaybuildItem
: Function to build each item widgetbackgroundColor
: Background color of the listcontentPadding
: Padding around the list contentshrinkWrap
: Whether the list should shrink-wrap its contentseparatorBuilder
: Custom separator builder between itemsphysics
: Scroll physics for the listitemPadding
: Padding for each itemitemDecoration
: Decoration for each item containerremoveTopPadding
: Whether to remove top padding
InfoCard Parameters #
header
: InfoHeader widget for the card titlebody
: Content to display in the card body
InfoHeader Parameters #
title
: Text to display in the headertitleStyle
: Text style for the titlebackgroundColor
: Background color of the header
Contributing #
Contributions are welcome! Please feel free to submit a Pull Request.
License #
This project is licensed under the MIT License - see the LICENSE file for details.