flutter實(shí)現(xiàn)可縮放可拖拽雙擊放大的圖片功能

flutter_drag_scale

可縮放可拖拽的功能落包,可實(shí)現(xiàn)圖片或者其他widget的縮放已經(jīng)拖拽
并支持雙擊放大的功能

我們知道官方提供了雙擊縮放漠烧,但是不支持拖拽的功能径玖,我們要實(shí)現(xiàn)向百度地圖那樣可以縮放又可以拖拽的功能,官方的方法就不支持了纱控。
下面先演示下功能:


sample.gif

參數(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/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末秦效,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子涎嚼,更是在濱河造成了極大的恐慌阱州,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件铸抑,死亡現(xiàn)場離奇詭異贡耽,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)鹊汛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門蒲赂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人刁憋,你說我怎么就攤上這事滥嘴。” “怎么了至耻?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵若皱,是天一觀的道長。 經(jīng)常有香客問我尘颓,道長走触,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任疤苹,我火速辦了婚禮互广,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘卧土。我一直安慰自己惫皱,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布尤莺。 她就那樣靜靜地躺著旅敷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪颤霎。 梳的紋絲不亂的頭發(fā)上媳谁,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天涂滴,我揣著相機(jī)與錄音,去河邊找鬼韩脑。 笑死氢妈,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的段多。 我是一名探鬼主播首量,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼进苍!你這毒婦竟也來了加缘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤觉啊,失蹤者是張志新(化名)和其女友劉穎拣宏,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體杠人,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡勋乾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年辑莫,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了各吨。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,599評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖偶垮,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情葱峡,我是刑警寧澤砰奕,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布仅淑,位于F島的核電站涯竟,受9級特大地震影響空厌,放射性物質(zhì)發(fā)生泄漏筐钟。R本人自食惡果不足惜赋朦,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一壹将、第九天 我趴在偏房一處隱蔽的房頂上張望瞭恰。 院中可真熱鬧惊畏,春花似錦颜启、人聲如沸缰盏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽须尚。三九已至耐床,卻和暖如春撩轰,著一層夾襖步出監(jiān)牢的瞬間蜡豹,已是汗流浹背镜廉。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人想许。 一個(gè)月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓违诗,卻偏偏與公主長得像诸迟,于是被迫代替她去往敵國和親壁公。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容