flutter 九宫格菜单_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

GitHub : nine_grid_view

另外一个NineGridView在 flukit UI组件库里面，通过封装GridView实现。

本项目使用的Stack + Positioned实现。

关于找一找教程网

本站文章仅代表作者观点，不代表本站立场，所有文章非营利性免费分享。

本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章，希望广大程序员努力学习，让我们用科技改变世界。

[Flutter 仿微信/微博九宫格]http://www.zyiz.net/tech/detail-139840.html