ui_widget 0.0.1

A new Flutter package for ui widget.

ui_widget

A new Flutter package for ui widget.

Getting Started

flutter ui 常用组件.

github项目主页地址

安装依赖

dependencies:
  ui_widget: xx

使用方法

在已安装依赖的前提下,按如下操作完成:

• 占位布局组(StatusWidget)

  • 使用场景

  通常用于列表/页面在数据在不同状态下的界面显示.
  比如:加载中,数据为空,加载失败,加载完成等
  

  • 简单使用

  StatusWidget(ModelState.LOADING,child: Text('我是主题内容'),)
  

  • 自定义文字

  StatusWidget(ModelState.EMPTY,
          loadingText: '正在加载中',
          errorText: '加载失败啦',
          emptyText: '暂无数据哦',
          child: Text('我是主题内容'),)
  

  • 刷新操作

  StatusWidget(ModelState.EMPTY,
          loadingText: '正在加载中',
          errorText: '加载失败啦',
          emptyText: '暂无数据哦',
          onRefresh: (){
            print('刷新');
          },
          child: Text('我是主题内容'),)
  

  • 自定义布局

  StatusWidget(ModelState.EMPTY,
          loading: Text('正在加载中...'),
          error: Text('数据为空,请点击屏幕重试'),
          empty: Text('暂无数据'),
          onRefresh: (){
            print('刷新');
          },
          child: Text('我是主题内容'),)
  

• 图片装饰组件(ImageWidget)

  • 使用场景

  用于对本地/网络图片进行形状,边框,大小的装饰.
  

  • 本地带矩形边框的图片

  ImageWidget(
          width: 100,
          height: 100,
          shape: Shape.of(borderWidth: 2,borderColor: Colors.yellow,borderRadius: 10),
          image: AssetImage("assets/images/[e-mail]")
        )
  

  • 圆形边框的网络图片

  ImageWidget(
          width: 100,
          height: 100,
          shape: Shape.circle(borderWidth: 2,borderColor: Colors.yellow),
          image: CachedNetworkImageProvider(
              'https://img-blog.csdnimg.cn/20210126192201285.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODEzMjA4,size_16,color_FFFFFF,t_70',
          )
        )
  

• 持续更新中...