InfoListItem class
An InfoListItem is typically used to display information within a ListView.
An InfoListItem consists of a main container called 'holder' which holds
every other components together within an InfoListItem. In terms of components,
it consists of an resizable icon on the left, and title, subTitle, and Footer text
in top-down order on the right. Depending on the size of the icon on the left
other components automatically resize themselves to fit the screen. Both the
titleText
and footerText
can display information upto 2 lines, after which
elipsis are displayed for the rest of the text, if any. The subTitleText
can
display unlimited number of lines of text, depending on the user requirement.
Color, fontFamily whereever relevant of each component can be customized, except
for other properties such as fontSize, fontWeight, etc. which are built it, and
hence cannot be altered. In order to specify a fontFamily, simply provide one
from the following list as a String: 'CabinSketch', 'Chewy', 'Itim', 'Kaushan',
'Lato', 'Merienda', 'OpenSans', 'PaytoneOne', 'SignikaNegative', 'Stylish'. A
number of preconfigured constructors to create an InfoListItem, dark, darkOblique,
darkPro, whitePro, etc.
Constructors
- InfoListItem({Icon icon: const Icon(Icons.broken_image, size: 32.0), Color holderColor: Colors.black, String titleText: 'titleText', String subTitleText: 'subTitleText', String titleFontFamily, String subTitleFontFamily, Color titleTextColor: Colors.black, Color subTitleTextColor: Colors.black, })
- Creates an InfoListItem, which is most customizable than any other constructor within the InfoListItem class. In fact, the other constuctors also redirect to this constructor for setting properties. Most of the properites have default values such as an icon defaults to broken_image with 32px of size, the default background color is black, etc.
- InfoListItem.dark({Icon icon: const Icon(Icons.broken_image, size: 32.0, color: Colors.white), String titleText: 'When things go...', String subTitleText: 'Wrong as they sometimes will, When the road you are trudging seems all uphill', String titleFontFamily, String subTitleFontFamily, })
- //////////////////////// PRE-CONFIGURED /////////////////////////////////// Creates an InfoListItem with dark background color, white titleText color, amber subTitleText color, and white footerTextColor
- InfoListItem.dark3d({Icon icon: const Icon(Icons.broken_image, size: 32.0, color: Colors.white), String titleText: 'Never look back...', String subTitleText: 'you said, how was I to know, I love you so, Loniless up ahead, emptiness behind, where do I go, and you did\'t hear, all my...', String titleFontFamily, String subTitleFontFamily, })
- Creates an InfoListItem with black background color, deepPurple titleText color, white subTitleText color, and deepPurple footerTextColor
- InfoListItem.darkPro({Icon icon: const Icon(Icons.broken_image, size: 32.0, color: Colors.white), String titleText: 'Never look back...', String subTitleText: 'you said, how was I to know, I love you so, Loniless up ahead, emptiness behind, where do I go, and you did\'t hear, all my...', String titleFontFamily, String subTitleFontFamily, })
- Creates an InfoListItem with black background color, yellow titleText color, white subTitleText color, and yellow footerTextColor
- InfoListItem.purplePro({Icon icon: const Icon(Icons.broken_image, size: 32.0, color: Colors.white), String titleText: 'Never look back...', String subTitleText: 'you said, how was I to know, I love you so, Loniless up ahead, emptiness behind, where do I go, and you did\'t hear, all my...', String titleFontFamily, String subTitleFontFamily, })
- Creates an InfoListItem with deepPurple background color, white titleText color, lime subTitleText color, and white footerTextColor
- InfoListItem.whitePro({Icon icon: const Icon(Icons.broken_image, size: 32.0, color: Colors.green), String titleText: 'Never look back...', String subTitleText: 'you said, how was I to know, I love you so, Loniless up ahead, emptiness behind, where do I go, and you did\'t hear, all my...', String titleFontFamily, String subTitleFontFamily, })
- Creates an InfoListItem with white70 background color, blue titleText color, black subTitleText color, and green footerTextColor.
Properties
Methods
-
build(
BuildContext context) → Widget - This method is called everything when there is a need to redraw the InfoListItem on the screen.
-
createElement(
) → StatelessElement -
Creates a
StatelessElement
to manage this widget's location in the tree. [...]inherited -
debugDescribeChildren(
) → List< DiagnosticsNode> -
Returns a list of
DiagnosticsNode
objects describing this node's children. [...]@protected, inherited -
debugFillProperties(
DiagnosticPropertiesBuilder properties) → void -
Add additional properties associated with the node. [...]
inherited
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a non-existent method or property is accessed. [...]
inherited
-
toDiagnosticsNode(
{String name, DiagnosticsTreeStyle style }) → DiagnosticsNode -
Returns a debug representation of the object that is used by debugging
tools and by DiagnosticsNode.toStringDeep. [...]
inherited
-
toString(
{DiagnosticLevel minLevel: DiagnosticLevel.debug }) → String -
Returns a string representation of this object.
inherited
-
toStringDeep(
{String prefixLineOne: '', String prefixOtherLines, DiagnosticLevel minLevel: DiagnosticLevel.debug }) → String -
Returns a string representation of this node and its descendants. [...]
inherited
-
toStringShallow(
{String joiner: ', ', DiagnosticLevel minLevel: DiagnosticLevel.debug }) → String -
Returns a one-line detailed description of the object. [...]
inherited
-
toStringShort(
) → String -
A short, textual description of this widget.
inherited
Operators
-
operator ==(
dynamic other) → bool -
The equality operator. [...]
inherited