nine_grid_view
1.0.0
언어: 영어 | 중국어 简体
Weibo 역학, WeChat 친구 서클, 사진을 표시하는 9개의 그리드 보기 컨트롤과 유사합니다. 단일 큰 그림 미리보기를 지원합니다.
또한 WeChat 그룹, DingTalk 그룹, QQ 그룹 아바타 효과도 지원합니다.
Weibo/WeChat과 유사하게 동적 사진 선택 9개 그리드 보기가 출시되었습니다. 눌러서 효과 확대, 정렬 드래그 앤 드롭, 지정된 위치로 드래그 앤 드롭을 지원하여 삭제할 수 있습니다.
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;
},
);
최근 변경된 사항을 확인하려면 변경 로그 페이지를 참조하세요.
Flukit UI 키트의 또 다른 NineGridView는 GridView 구현을 사용합니다.그러나 이 프로젝트에서는 Stack + Positioned를 사용했습니다.
이끼.
Android iOS 웹을 지원하는 Flutter로 개발된 GitHub 클라이언트 앱입니다.
웹 : Flutter 웹.