# Empty

Empty state placeholder.

# FLEmpty

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

# loading

  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

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

# hint & action button

  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

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


# 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