# Empty

页面无数据时的占位图。

# FLEmpty

FLEmpty 支持图片,文字,按钮以及加载指示器的搭配使用。

# 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,
      ),
    );
  }

你也可以通过 customLoadingWidget 属性来使用自定义的 loading 组件。

# 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

属性 描述 类型 默认值
backgroundColor 背景颜色 Color
customLoadingWidget 自定义加载组件 Widget
showLoading 显示加载动画 bool false
image 图片 Image
title 标题 String
titleStyle 标题样式 TextStyle
detailText 描述文字 String
detailTextStyle 描述文字样式 TextStyle
space 间距 double 8.0
actionButton 行为按钮 Widget