Flutter

Flutter UI架構啟動過程-11 Flutter

Flutter UI架構啟動過程-11

概述上一篇文章中我們介紹了android系統呼叫Engine:Run方法的過程,最終呼叫到FlutterUI層中的main()函式,FlutterUI框架開始初始化,FlutterEngine初始化過
Flutter 實現下拉重新整理&上拉載入 Flutter

Flutter 實現下拉重新整理&上拉載入

效果圖使用方法新增依賴dependencies: pull_to_refresh: ^1.5.7複製程式碼匯入包import 'package:pull_to_refresh/pull_to_ref
Flutter折騰記一(支援橫屏的視訊控制元件) Flutter

Flutter折騰記一(支援橫屏的視訊控制元件)

又有一段時間沒有寫文章了,閒暇時間比較少。痴迷遊戲。哎~~~最近在玩flutter,對於vuejs感覺沒啥可分享的了。每次看到群友們問的問題,我都只能嘆口氣。不用我說,應該都知道flutter是基於d
Flutter的一個更精簡的狀態管理工具:consumer Flutter

Flutter的一個更精簡的狀態管理工具:consumer

consumer 是一個參考 react-consumer 方式的狀態管理, 使用 dart 的 Stream 做釋出訂閱.類 react 專案,當專案到一定程度,有一個不可規避的問題,就是狀態管理。
Flutter 必備開源專案 Flutter

Flutter 必備開源專案

Flutter是Google推出的一套開源跨平臺UI框架,可以快速地在Android、iOS和Web平臺上構建高質量的原生使用者介面。同時,Flutter還是Google新研發的Fuchsia作業系統
Flutter 中“倒數計時”的那些事兒 Flutter

Flutter 中“倒數計時”的那些事兒

好久不見了,文章有一段時間沒有更新了,最近一直在沉迷工作無法自撥😂。上週,應公司號召以及上次Google大會中Flutter宣講的感染,計劃將公司新專案採用Flutter技術實現。大概花了幾天熟悉了一
Flutter Sliver一生之敵 (ScrollView) Flutter

Flutter Sliver一生之敵 (ScrollView)

前言入坑Flutter一年了,接觸到Flutter也只是冰山一角,很多東西可能知道是怎麼用的,但是不是很明白其中的原理,俗話說唯有深入,方能淺出。本系列將對Sliver相關原始碼一一進行分析,希望能夠
Flutter實戰  從頭擼一個「孤島」APP(No.3、書單、搜尋框、Dio初探) Flutter

Flutter實戰 從頭擼一個「孤島」APP(No.3、書單、搜尋框、Dio初探)

前言閱讀建議適宜人群:從事前端開發以及移動端開發的大佬們&著手去了解Flutter 新技術的上進人士本篇詞數: 2328詞(也不知道怎麼計算出來的)時長:內容基礎、並不費腦,所以一會兒就看完場
Flutter UI - 表單系 Widget Flutter

Flutter UI - 表單系 Widget

包括以下 widget:TextField - 輸入框Switch - 選擇器``````````````TextField網上的資料包括官方文件都是一上來一大堆屬性列出來,輸入框可設定的屬性太多了,
flutter入門:執行緒,非同步,宣告式UI Flutter

flutter入門:執行緒,非同步,宣告式UI

關於flutter的背景、體系結構、橫向對比等,建議閱讀淘寶的一篇文章,大比拼|下一代高效能跨平臺UI渲染引擎,人家是真的厲害。這裡就不多貼這些巨集觀的簡介了。本文主要從客戶端開發的角度看三個小點:執
Flutter Engine 編譯構建-05 Flutter

Flutter Engine 編譯構建-05

介紹在前面編譯環境安裝,GNTools工具原理,Ninja編譯工具原理的理解,已經瞭解了Flutter Engine相關的一下概念,接下來,繼續分析執行編譯命令呼叫的命令,檔案,和相關的邏輯,有與篇幅
FlutterEngin啟動流程&android Flutter|Android

FlutterEngin啟動流程&android

Flutter提供了獨立的執行環境Flutter.so作為Dart程式碼的執行環境和控制邏輯,完整的UI框架彙總邏輯和dartVM都是封裝在flutter.so庫中,在Android中開發完成之後,系
Flutter Packages 第三方包把玩Demos聚合地 Flutter

Flutter Packages 第三方包把玩Demos聚合地

序言在寫Flutter過程中,藉助了一些給力的第三方包,欣賞了一些原始碼,很有吸引力,那麼本篇章就來帶大傢伙梳理一下價效比高,耐用的packages。Flutter 之旅會持續Update。希望你在下
Flutter生命週期的獲取 Flutter

Flutter生命週期的獲取

在Android開發中,系統對Activity、Fragment的生命週期有著非常明顯且較於區分的定義,但是在flutter中,由於flutter的生命週期依附在activity或fragment,它
Flutter學習記錄(一)Dart學習 Flutter

Flutter學習記錄(一)Dart學習

程式碼規範順序為了使檔案前面部分保持整潔,我們規定了關鍵字出現順序的規則。每個“部分”應該使用空行分割。要把 “dart:” 匯入語句放到其他匯入語句之前。要把 “package:” 匯入語句放到專案
前端的flutter之路(二):專案前期準備 前端|Flutter

前端的flutter之路(二):專案前期準備

最近時間比較多,就把專案中可能用到的知識用 flutter 大概寫了一遍,所以就分享出來增強下印象。1. 路由庫:fluro安裝官方文件直接使用版本號的這個部分說錯了,版本號不需要帶引號的,所以正確的
Flutter 資料共享 InheritedWidget Flutter

Flutter 資料共享 InheritedWidget

Flutter 中Widget 多種多樣,有UI的,當然也有功能型的元件InheritedWidget 元件就是Flutter 中的一個功能元件,它可以實現Flutter 元件之間的資料共享,他的資料
Flutter實際專案開發中踩坑大合集(持續更新..) Flutter

Flutter實際專案開發中踩坑大合集(持續更新..)

寫在前面面向讀者:Web前端開發工程師|IOS開發工程師|安卓開發工程師|Flutter開發工程師更新維度:暫且以時間(Time)維度更新,後續會慢慢調整為坑的型別(Type)核心內容:尊重原創|企業
跨平臺開發的救星-讓我們來了解一下flutter Flutter

跨平臺開發的救星-讓我們來了解一下flutter

第一次看文章的朋友可以關注我,會不定期釋出Android面試內容、進階專題等等。簡介很多人已經用上了flutter,今天就來介紹一下Flutter 架構imageFlutter框架分三層Framewo
vscode 啟動與除錯 flutter 專案 Flutter|VSCode

vscode 啟動與除錯 flutter 專案

VSCode 也是 flutter 官方推薦的編輯器。使用 vscode 啟動與除錯 flutter 專案,還是很多問題要注意的。我剛剛開始的時候並不能做到一氣呵成,現在就總結一下具體的步驟。開發前需
SVGA Flutter v1.0 全新的動畫格式 Flutter

SVGA Flutter v1.0 全新的動畫格式

介紹SVGAPlayer 是一個輕量的動畫渲染庫。你可以使用工具從 Adobe Animate CC 或者 Adobe After Effects 中匯出動畫檔案,然後使用 SVGAPlayer 在移
Flutter動畫及示例 Flutter

Flutter動畫及示例

動畫型別動畫型別:補間(Tween)動畫“介於兩者之間”的簡稱。在補間動畫中,定義了開始點和結束點、時間線以及定義轉換時間和速度的曲線。然後由框架計算如何從開始點過渡到結束點。基於物理的動畫在基於物理
Flutter實戰 | 從 0 搭建「網易雲音樂」APP(九、搜尋頁面、底部播放控制欄) Flutter

Flutter實戰 | 從 0 搭建「網易雲音樂」APP(九、搜尋頁面、底部播放控制欄)

本系列可能會伴隨大家很長時間,這裡我會從0開始搭建一個「網易雲音樂」的APP出來。下面是該APP 功能的思維導圖:前期回顧:Flutter實戰 | 從 0 搭建「網易雲音樂」APP(一、建立專案、新增
flutter好用的輪子推薦十八-flutter液體效果的頁面切換元件 Flutter

flutter好用的輪子推薦十八-flutter液體效果的頁面切換元件

前言Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生使用者介面。IT界著名的尼古拉斯·高爾包曾說:輪子是IT進步的階梯!熱門的框架千篇一律,好用輪子萬里挑一!Fl
Flutter的繪製流程簡述 Flutter

Flutter的繪製流程簡述

相對於React Native、Weex等跨平臺框架,Flutter擁有自己的UI繪製體系,避免了React Native、Weex等跨平臺框架與Native系統的橋接,從而更好的提升了效能。在Flu
Flutter實戰  從頭擼一個「孤島」APP(No.2、閃屏Splash Page、引導頁) Flutter

Flutter實戰 從頭擼一個「孤島」APP(No.2、閃屏Splash Page、引導頁)

1. 前情回顧嗨,正在掉頭髮的你們好,我是洋小洋,本集我們們接著聊一下GooGle的“親兒子”Flutter。那自從上篇文章分享之後,有一些掘友也發表了一些很有意思的評論。那我們們首先來回顧一下1.1
使用 Flutter 實現一個走馬燈佈局 Flutter

使用 Flutter 實現一個走馬燈佈局

效果走馬燈是一種常見的效果,本文講一下如何用 PageView 在 Flutter 裡實現一個走馬燈, 效果如下,當前頁面的高度比其它頁面高,切換頁面的時候有一個高度變化的動畫。實現這樣的效果主要用到
Flutter 使用 bugly 進行異常上報與熱修復 Flutter

Flutter 使用 bugly 進行異常上報與熱修復

對於上線的應用,資料統計方面最基本的要求就是異常和錯誤資訊的上報,flutter 端也有專門的工具和平臺來做這些事情,但是對於國內應用來說應該用的不是很多,用的比較多的應該還是 bugly,同時整合
使用 Flutter 開發簡單的 Web 應用 Flutter

使用 Flutter 開發簡單的 Web 應用

本文指導讀者如何使用 Flutter 執行和部署第一個 Web 應用。Flutter 在 Android 和 iOS 開發方面走了很長一段路之後,已經邁入了一個新的階段,即 Web 開發。Google
我釋出的第二個Flutter外掛-Flutter二維碼掃描(支援檔案、url、記憶體、相機) Flutter

我釋出的第二個Flutter外掛-Flutter二維碼掃描(支援檔案、url、記憶體、相機)

介紹二維碼作為資訊的載體,廣泛應用於我們生活的方方面面,例如:使用支付寶支付,二維碼加好友,二維碼推送等等,能舉例的例子多不勝數,而如果你的應用支援二維碼的掃描,使用者和體驗將會翻倍的增長,如果你是應