NineGridView

類似微博動態(tài)，微信朋友圈，展示圖片的九宮格控件。支持單張大圖預(yù)覽。
同時(shí)也支持微信群組，釘釘群組頭像效果。

DragSortView

類似微博/微信發(fā)布動態(tài)選圖九宮格。支持按壓放大效果，拖拽排序，拖拽到指定位置刪除。

Pub

dependencies:
  nine_grid_view: ^1.0.0

Example

import 'package:nine_grid_view/nine_grid_view.dart';

NineGridView(
  margin: EdgeInsets.all(12),
  padding: EdgeInsets.all(5),
  space: 5,
  type: NineGridType.weChatGp,
  itemCount: itemCount,
  itemBuilder: (BuildContext context, int index) {},
);

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) {
    /// 判斷拖動到指定位置刪除
    /// return true;
    if (event.globalY > 600) {
      return true;
    }
    return false;
  },
);     

Screenshots

GitHub

nine_grid_view

關(guān)于作者

GitHub : Sky24n
掘金 ????: Sky24n
簡書 ????: Sky24n

Others

另外一個(gè)NineGridView在 flukit UI組件庫里面，通過封裝GridView實(shí)現(xiàn)。
本項(xiàng)目使用的Stack + Positioned實(shí)現(xiàn)。