Flutter 仿微信/微博九宮格

NineGridView

相似微博動態，微信朋友圈，展現圖片的九宮格控件。支持單張大圖預覽。
同時也支持微信羣組，釘釘羣組頭像效果。

DragSortView

相似微博/微信發佈動態選圖九宮格。支持按壓放大效果，拖拽排序，拖拽到指定位置刪除。

GitHub : nine_grid_view

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

App

Flutter仿微博客戶端Fitness。
百度雲盤：提取碼 ttbn
騰訊微雲：點擊下載
請使用微信或QQ瀏覽器掃碼下載！

關於做者

GitHub : Sky24n
掘金     : Sky24n
簡書     : Sky24n

Others

另一個NineGridView在 flukit UI組件庫裏面，經過封裝GridView實現。
本項目使用的Stack + Positioned實現。