nine_grid_view

Язык: английский | 中文简体

Девятьгридвиев

Подобно динамике 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, использующий реализацию GridView. Но в этом проекте используется Stack + Positioned.

Приложение

Мох.
Клиентское приложение GitHub, разработанное с помощью Flutter и поддерживающее Android iOS Web.
Сеть: Flutter Web.