原创 解析Flutter中的手勢控制Gestures

  Flutter提供了很多處理觸摸事件的控件，例如InkWell和InkResponse可以處理點擊、雙擊、長按等事件，將它們包裹在需要響應觸摸事件的控件外部就可以了，而且InkWell和InkResponse還會添加一個水波紋的點擊效

2020-06-08 02:21:14

原创 一款Flutter僞自定義BottomAppBar

https://github.com/yumi0629/FlutterUI/tree/master/lib/bottomappbar   使用Flutter原生的FloatingActionButton+BottomAppBar實現，配

2019-07-30 07:13:06

原创 詳解Flutter WebView與JS互相調用簡易指南

這篇文章主要介紹了詳解Flutter WebView與JS互相調用簡易指南，分爲JS調用Flutter和Flutter調用JS，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 本文采用F

2019-04-04 18:03:07 16

原创 Flutter WebView與JS交互簡易指南

本文采用Flutter官方WebView插件：https://pub.dartlang.org/packages/webview_flutter   WebView與JS互相調用是一個剛需，但是貌似現在大家寫的文章講的都不是很清楚，我這個

2019-04-03 07:55:31

原创 用Flutter實現一個塗鴉和加水印功能

本文涉及的知識點：截圖、圖片保存、根據用戶手勢實時繪製canvas。 GitHub地址：https://github.com/yumi0629/FlutterUI/tree/master/lib/scrawl 先上效果圖：     需

2018-11-26 01:27:08

原创 用Flutter實現一個仿Twitter的點贊效果

  這次依然是補作業，之前在寫仿“探探”左滑/右滑的效果的時候，設計稿底部的喜歡Icon其實是有類似於Twitter點贊那種的動效的，但是因爲時間原因我偷懶沒寫。   慣例先上效果圖：     GitHub地址：https://gith

2018-11-20 01:42:23

原创 Flutter：教你用CustomPaint畫一個自定義的CircleProgressBar

  注意：這其實是一篇CustomPaint的使用教程！！        源碼地址：https://github.com/yumi0629/FlutterUI/tree/master/lib/circleprogressbar   在Fl

2018-11-04 01:42:40

原创 Flutter：Slivers大家族，讓滑動視圖的組合變得很簡單！

文中所有示例代碼請點擊：https://gitee.com/yumi0629/FlutterUI/tree/master/lib/sliver   今天呢，我小拉麪主要想給大家講一講Flutter中的Slivers大家族的使用場景和方法。

2018-10-27 01:29:17

原创 用Flutter實現一個仿“探探”的左右滑動選擇喜歡/不喜歡的效果

  寫在前面，效果已經基本OK了，但是有些細節還沒處理好。暫時主要有三個問題： 用戶手勢到達屏幕邊緣時釋放，如果旋轉角度過小，動畫總感覺有些不流暢（也可能是我的錯覺吧）； 給數據刷新提供的API還沒想好，現在塞數據比較麻煩； 因爲UI設計

2018-10-27 01:29:17

原创 談一談Flutter中的共享元素動畫Hero

  如果你是一名安卓開發者，應該很熟悉 共享元素變換（Shared Element Transition）這個概念，它可以通過幾行代碼，就在兩個Activity或者Fragment之間做出流暢的轉場動畫。   Google把這個概念也帶到

2018-10-20 01:39:50

原创 Flutter：手把手教你實現一個仿QQ側滑菜單的功能

  一個類似於QQ側滑菜單的功能，支持從上、下、左、右四個方法打開菜單欄。可以通過自定義transform實現更加炫酷的動效！   先上效果圖： slide from left.gif slide from right.gif sl

2018-10-20 01:39:50

原创 Flutter中如何判斷當前運行模式是Debug還是Product？

  說這個之前，我們先來回顧一下 Flutter的四種運行模式：Debug、Release、Profile和test ，在實際開發中，我們往往需要根據當前運行模式的不同，選擇不同的操作，比如在Debug模式啓用Log、在生產模式關閉Log

2018-10-13 01:21:49 60

原创 Flutter：在widget tests中調用Image.network()控件crash？

原文地址：Testing tidbit #2 - Why does using Image.network crash widget tests?   在沒有真機和模擬器的時候，使用widget tests來測試是很有用的。而且test中

2018-09-30 01:26:14

原创 這可能是最早的RxDart使用入門教程。。。

原文地址：RxDart: Magical transformations of Streams （國際慣例，英文好的請去看原文，我的翻譯可能會省去一些東西，同時加入一些自己的想法，便於自己理解。與其說是一篇翻譯，不如說是一份自己的學習筆記

2018-09-20 05:06:03

原创 Flutter中如何利用StreamBuilder和BLoC來控制Widget狀態

參考文章：Reactive Programming - Streams - BLoC （爲了便於閱讀，略去了原文中的一些跟StreamBuilder和Bloc無關的拓展概念，比如RxDart、Demo的解釋等，想要進一步瞭解的可以移步原文

2018-09-18 23:55:00 122