NineGridView
類似微博動態,微信朋友圈,展示圖片的九宮格控件。支持單張大圖預覽。
同時也支持微信群組,釘釘群組頭像效果。
DragSortView
類似微博/微信發布動態選圖九宮格。支持按壓放大效果,拖拽排序,拖拽到指定位置刪除。
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
關于作者
GitHub : Sky24n
掘金 ????: Sky24n
簡書 ????: Sky24n
Others
另外一個NineGridView在 flukit UI組件庫里面,通過封裝GridView實現。
本項目使用的Stack + Positioned實現。