flutter_drag_scale
可縮放可拖拽的功能落包,可實(shí)現(xiàn)圖片或者其他widget的縮放已經(jīng)拖拽
并支持雙擊放大的功能
我們知道官方提供了雙擊縮放漠烧,但是不支持拖拽的功能径玖,我們要實(shí)現(xiàn)向百度地圖那樣可以縮放又可以拖拽的功能,官方的方法就不支持了纱控。
下面先演示下功能:
參數(shù)只有兩個(gè):
1、child 菜秦,是一個(gè)widget甜害,可以是圖片或者任意的widget
2、doubleTapStillScale球昨,默認(rèn)是true尔店,意思是雙擊一直放大,還是只放大一次,再次雙擊縮小到原圖片的大小嚣州,如果為false鲫售,第一次雙擊放大圖片2倍,再次雙擊回位该肴。
用法很簡單:
1情竹、導(dǎo)入依賴庫
dependencies:
flutter:
sdk: flutter
flutter_drag_scale:
git: https://github.com/LiuC520/flutter_drag_scale.git
2、引入庫:
import 'package:flutter_drag_scale/flutter_drag_scale.dart';
3匀哄、如下的用法:
import 'package:flutter/material.dart';
import 'package:flutter_drag_scale/flutter_drag_scale.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
height: 400.0,
width: 400,
child: Center(
child: DragScaleContainer(
doubleTapStillScale: true,
child: new Image(
image: new NetworkImage(
'http://h.hiphotos.baidu.com/zhidao/wh%3D450%2C600/sign=0d023672312ac65c67506e77cec29e27/9f2f070828381f30dea167bbad014c086e06f06c.jpg'),
),
),
),
);
}
}
wechat :674668211 加微信進(jìn)flutter微信群
掘金: https://juejin.im/user/581206302f301e005c60cd2f
簡書:http://www.reibang.com/u/4a5dce56807b
csdn:https://me.csdn.net/liu__520
github : https://github.com/LiuC520/