nine_grid_view 1.0.5

Flutter Android iOS web

Flutter NineGridView & DragSortView, Similar to Weibo / WeChat nine grid view controls to display pictures.

Language: English | 中文简体

Pub      Pub

NineGridView #

Similar to Weibo dynamics, WeChat circle of friends, nine grid view controls to display pictures. Support single big picture preview.
It also supports WeChat group , DingTalk group, QQ group avatar effects.

DragSortView #

Similar to Weibo/WeChat release dynamic picture selection nine grid view. Support press to enlarge effect, drag and drop sorting, drag and drop to a specified location to delete.

Pub #

dependencies:
  nine_grid_view: ^1.0.5

Example #

import 'package:nine_grid_view/nine_grid_view.dart';

// bigImage param, It is recommended to use a medium-quality picture, because the original picture is too large and takes time to load.
NineGridView(
  margin: EdgeInsets.all(12),
  padding: EdgeInsets.all(5),
  space: 5,
  type: NineGridType.weChatGp,
  itemCount: itemCount,
  itemBuilder: (BuildContext context, int index) {},
);

// It is recommended to use a thumbnail picture,because the original picture is too large, it may cause repeated loading and cause flashing.
DragSortView(
  imageList,
  space: 5,
  margin: EdgeInsets.all(20),
  padding: EdgeInsets.all(0),
  itemBuilder: (BuildContext context, int index) {},
  initBuilder: (BuildContext context) {},
  onDragListener: (MotionEvent event, double itemWidth) {
    /// Judge to drag to the specified position to delete
    /// return true;
    if (event.globalY > 600) {
      return true;
    }
    return false;
  },
);   

Screenshots #

App #

A Weibo client app developed with Flutter Fitness
Apk :v0.0.3 (arm64-v8a)

Others #

Another NineGridView in flukit UI Kit,using GridView implementation。But in this project used Stack + Positioned。

0
likes
110
pub points
53%
popularity

Flutter NineGridView & DragSortView, Similar to Weibo / WeChat nine grid view controls to display pictures.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

sky24no@gmail.com

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on nine_grid_view