flutter_update_dialog 一個(gè)漂亮的版本更新彈窗

前言

前段時(shí)間我發(fā)布了一個(gè)只針對(duì)Android的版本更新框架flutter_xupdate,發(fā)布以來收到了大家許多的建議.當(dāng)時(shí)我也只是為了自己方便才寫的這么一個(gè)插件,并沒有考慮很多.
建議有很多,大致可以分為如下幾類:

  • 能否支持ios版本更新?
  • 能否支持自定義api?
  • 能否支持自定義版本更新彈窗?
  • 能否開發(fā)apk安裝能力?

....

看到最后,居然還有人問:能不能給我提供檢查版本垒迂、彈窗顯示妒蛇、apk下載机断、apk安裝的能力,這樣我就可以自己寫更新邏輯了...

看來真的是不同的人對(duì)版本更新是有不同的需求,我想了一下,與其我提供這么一個(gè)較重的原生插件,倒不如直接提供一個(gè)使用純dart編寫的版本更新彈窗,然后再提供一個(gè)使用dart插件組合編寫的版本更新功能使用案例,這樣大家就可以參照著案例,根據(jù)自己的需求來自己寫版本更新邏輯了.

下面話不多說,我給出版本更新彈窗flutter_update_dialog的插件地址:

https://github.com/xuexiangjys/flutter_update_dialog

以及使用它實(shí)現(xiàn)的版本更新案例flutter_app_update_example:

https://github.com/xuexiangjys/flutter_app_update_example


演示

在這里插入圖片描述
  • 默認(rèn)樣式


    在這里插入圖片描述
  • 自定義樣式


    在這里插入圖片描述

快速集成指南

添加引用依賴

在你的flutter項(xiàng)目中的pubspec.yaml文件中添加flutter_update_dialog依賴.

  • 方法一: pub集成
dependencies:
  flutter_update_dialog: ^0.0.1
  • 方法二: github集成
dependencies:
  flutter_update_dialog:
    git:
      url: git://github.com/xuexiangjys/flutter_update_dialog.git
      ref: master

如何使用

默認(rèn)樣式

  void defaultStyle() {
    if (dialog != null && dialog.isShowing()) {
      return;
    }
    dialog = UpdateDialog.showUpdate(context,
        title: "是否升級(jí)到4.1.4版本?",
        updateContent: "新版本大小:2.0M\n1.xxxxxxx\n2.xxxxxxx\n3.xxxxxxx",
        onUpdate: onUpdate);
  }

自定義樣式

  void customStyle() {
    if (dialog != null && dialog.isShowing()) {
      return;
    }
    dialog = UpdateDialog.showUpdate(context,
        width: 250,
        title: "是否升級(jí)到4.1.4版本绣夺?",
        updateContent: "新版本大小:2.0M\n1.xxxxxxx\n2.xxxxxxx\n3.xxxxxxx",
        titleTextSize: 14,
        contentTextSize: 12,
        buttonTextSize: 12,
        topImage: Image.asset('assets/bg_update_top.png'),
        extraHeight: 5,
        radius: 8,
        themeColor: Color(0xFFFFAC5D),
        progressBackgroundColor: Color(0x5AFFAC5D),
        isForce: true,
        updateButtonTxt: '升級(jí)',
        ignoreButtonTxt: '忽略此版本',
        enableIgnore: true, onIgnore: () {
          ToastUtils.waring("忽略");
          dialog.dismiss();
        },
        onUpdate: onUpdate);
  }

屬性表

Name Type Default Description
width double 0.618 * screenWidth 彈窗的寬度
title String / 更新標(biāo)題
updateContent String / 更新內(nèi)容
onUpdate VoidCallback / 點(diǎn)擊更新按鈕的回調(diào)
titleTextSize double 16.0 標(biāo)題文字大小
contentTextSize double 14.0 更新內(nèi)容文字的大小
buttonTextSize double 14.0 按鈕文字的大小
themeColor Color Colors.red 主題顏色(按鈕吏奸、進(jìn)度條的顏色)
progressBackgroundColor Color 0xFFFFCDD2 進(jìn)度條背景的顏色
topImage Image / 更新彈窗頂部的圖片
extraHeight double 5.0 距離頂部圖片的拓展高度
radius double 4.0 彈窗圓角大小
enableIgnore bool false 是否開啟忽略版本的按鈕
updateButtonText String '更新' 更新按鈕的文字
ignoreButtonText String '忽略此版本' 忽略按鈕的文字
isForce bool false 是否強(qiáng)制更新(是否有關(guān)閉的按鈕)
onIgnore VoidCallback / 點(diǎn)擊忽略按鈕的回調(diào)

關(guān)聯(lián)鏈接

微信公眾號(hào)

在這里插入圖片描述
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末陶耍,一起剝皮案震驚了整個(gè)濱河市奋蔚,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌烈钞,老刑警劉巖泊碑,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異毯欣,居然都是意外死亡馒过,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門酗钞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來腹忽,“玉大人,你說我怎么就攤上這事砚作【阶啵” “怎么了?”我有些...
    開封第一講書人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵葫录,是天一觀的道長(zhǎng)着裹。 經(jīng)常有香客問我,道長(zhǎng)米同,這世上最難降的妖魔是什么求冷? 我笑而不...
    開封第一講書人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮窍霞,結(jié)果婚禮上匠题,老公的妹妹穿的比我還像新娘。我一直安慰自己但金,他們只是感情好韭山,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著冷溃,像睡著了一般钱磅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上似枕,一...
    開封第一講書人閱讀 49,079評(píng)論 1 285
  • 那天盖淡,我揣著相機(jī)與錄音,去河邊找鬼凿歼。 笑死褪迟,一個(gè)胖子當(dāng)著我的面吹牛冗恨,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播味赃,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼掀抹,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了心俗?” 一聲冷哼從身側(cè)響起傲武,我...
    開封第一講書人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎城榛,沒想到半個(gè)月后揪利,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡狠持,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年疟位,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片工坊。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡献汗,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出王污,到底是詐尸還是另有隱情罢吃,我是刑警寧澤,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布昭齐,位于F島的核電站尿招,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏阱驾。R本人自食惡果不足惜就谜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望里覆。 院中可真熱鬧丧荐,春花似錦、人聲如沸喧枷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)隧甚。三九已至车荔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間戚扳,已是汗流浹背忧便。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留帽借,地道東北人珠增。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓超歌,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親切平。 傳聞我的和親對(duì)象是個(gè)殘疾皇子握础,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345