nine_grid_view Télécharger - nine_grid_view Téléchargement du code source

nine_grid_view

Code Source AI

1.0.0

Télécharger

Langue : Anglais | 中文简体

NeufGridView

Semblable à la dynamique Weibo, au cercle d'amis WeChat, à neuf commandes d'affichage en grille pour afficher les images. Prise en charge d'un seul aperçu d'une grande image.
Il prend également en charge les effets d'avatar du groupe WeChat, du groupe DingTalk et du groupe QQ.

DragSortView

Semblable à Weibo/WeChat, la sélection dynamique d'images est publiée avec neuf vues en grille. Appuyez sur pour agrandir l'effet, faites glisser et déposez le tri, faites glisser et déposez vers un emplacement spécifié pour supprimer.

Pub

 dependencies :
  nine_grid_view : ^2.0.0

Exemple

 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;
  },
);