nine_grid_view
1.0.0
اللغة: الانجليزية | 中文简体
على غرار ديناميكيات Weibo، ودائرة أصدقاء WeChat، وتسعة عناصر تحكم في عرض الشبكة لعرض الصور. دعم معاينة صورة كبيرة واحدة.
كما أنه يدعم مجموعة WeChat ومجموعة DingTalk وتأثيرات الصورة الرمزية لمجموعة QQ.
على غرار إصدار Weibo/WeChat، يتم اختيار الصور الديناميكية من خلال تسعة طرق عرض شبكية. دعم الضغط لتكبير التأثير، والفرز بالسحب والإفلات، والسحب والإسقاط إلى موقع محدد للحذف.
dependencies :
nine_grid_view : ^2.0.0
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.weChat,//NineGridType.weChat, NineGridType.weiBo
itemCount : itemCount,
itemBuilder : (BuildContext context, int index) {},
);
// group avatar.
// need width, height param.
NineGridView(
width : 120,
height : 120,
padding : EdgeInsets.all(5),
space : 5,
type : NineGridType.qqGp, //NineGridType.weChatGp, NineGridType.dingTalkGp
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;
},
);
يرجى الاطلاع على صفحة سجل التغيير لمعرفة ما تم تغييره مؤخرًا.
NineGridView آخر في Flukit UI Kit، باستخدام تطبيق GridView.ولكن في هذا المشروع تم استخدام Stack + Positioned.
طحلب.
تم تطوير تطبيق عميل GitHub باستخدام Flutter، والذي يدعم Android iOS Web.
الويب: شبكة الرفرفة.