FLUI

# Empty

Empty state placeholder.

# FLEmpty

FLEmpty supports the combination of images, text, buttons and loading indicators.

# loading

@override
  Widget build(BuildContext context) {
    final Widget loadingEmpty = FLEmptyContainer(
      showLoading: true,
      title: 'Fetching...',
    );

    final Widget content = Container(
      child: Center(
        child: Text('This is content'),
      ),
    );

    return Scaffold(
      appBar: AppBar(
        title: Text('Loading'),
      ),
      body: Container(
        child: _showContent ? content : loadingEmpty,
      ),
    );
  }

You can also use custom loading widget via the customLoadingWidget property.

# hint

FLEmptyContainer(
    title: 'Contact is empty',
    detailText: 'Go to \'Settings\' - \'Privacy\' to view your contact permissions settings',
    space: 15,
)

# hint & action button

FLEmptyContainer(
  title: 'Request Failed',
  detailText: 'Please check the network status and retry',
  space: 12,
  actionButton: Container(
    width: 150,
    height: 35,
    child: RaisedButton(
      textColor: Colors.white,
      child: Text('Retry'),
      onPressed: () => print('retry'),
    ),
  )
)

# image & hint

FLEmptyContainer(
    image: Image.asset('assets/nodata.png'),
    title: 'No Data',
)

# API

# FLEmpty

property description type default value
backgroundColor background color Color
customLoadingWidget custom loading widget Widget
showLoading show loading or not bool false
image image Image
title title string String
titleStyle title style TextStyle
detailText detail text string String
detailTextStyle detail text style TextStyle
space space between widgets double 8.0
actionButton action button Widget

← Skeleton →