Flutter

Flutter 佈局控制元件篇-->Flex、Expanded Flutter

Flutter 佈局控制元件篇-->Flex、Expanded

前面已經說過Flutter中的Row和Column了,這裡我們說一下Flex和Expanded傳送門----- Flutter 佈局控制元件篇-->Row、ColumnFlex 被稱為彈性佈局,
Flutter 佈局控制元件篇-->Row、Column Flutter

Flutter 佈局控制元件篇-->Row、Column

Flutter 中的Row和Column被稱之為線性佈局,所謂線性佈局,即指沿水平或垂直方向排布子元件。軸的概念對於線性佈局,有主軸和縱軸之分。如果佈局是沿水平方向,那麼主軸就是指水平方向,而縱軸即垂
Flutter 容器控制元件篇-->Container 人工智慧|Flutter

Flutter 容器控制元件篇-->Container

Flutter 中的Container,其本質就是一個容器,相當於HTML中的div標籤佈局行為Container的佈局行為有時候是比較複雜的一般情況下,Container會遵循如下順序去嘗試佈局:對
Flutter 容器控制元件篇-->Scaffold Flutter

Flutter 容器控制元件篇-->Scaffold

Flutter 中的Scaffold實現了基本的 Material 佈局。只要是在 Material 中定義了的單個介面顯示的佈局控制元件元素,都可以使用 Scaffold 來繪製。可以簡單的將Sca
Flutter 容器控制元件篇-->MaterialApp Flutter

Flutter 容器控制元件篇-->MaterialApp

文章轉載於:juejin.im/post/5b5ed0…Flutter 控制元件中的 MaterialApp 作為App的頂層主頁入口,一般是用來配置主題、語言、頁面跳轉等...MaterialApp
使用 Provider 管理 Flutter 應用狀態 (下) Flutter

使用 Provider 管理 Flutter 應用狀態 (下)

緊接上篇,對於一個代辦事項的新增,修改,刪除功能都已經完成了,但是資料都是儲存在記憶體中的,重新啟動應用資料就重置了,為了儲存資料可以將資料存到手機的儲存裡面或者存到遠端伺服器上,本文就實現如何使用
使用 Provider 管理 Flutter 應用狀態 (上) Flutter

使用 Provider 管理 Flutter 應用狀態 (上)

前言一個應用內通常會有兩種資料,部件內部的使用的臨時性資料以及很多部件使用的全域性性資料,部件內部使用的資料可以通過 StatefulWidget 來管理,但是全域性性的資料如果通過從上到下傳遞的方式
當 Flutter 遇見 Web,會有怎樣的祕密 ? Flutter

當 Flutter 遇見 Web,會有怎樣的祕密 ?

本文作者:IMWeb IMWeb團隊 原文出處:IMWeb社群 未經同意,禁止轉載前言騰訊 OED 的客戶端團隊在 2019 年上半年 ,就已經把 Flutter 落地到 企鵝輔導 的業務中了。今年我
Flutter動畫:用Flutter來實現一個拍手動畫 Flutter

Flutter動畫:用Flutter來實現一個拍手動畫

文章地址:mrw.so/4VPxov譯者:依然範特稀西在本文中,我們將通過在Flutter中建立一個拍手動畫的模型,來學習一些有關動畫的核心概念。就像標題中所說的那樣,本文將更多地關注動畫,而不會關注
Flutter 單元測試 Flutter

Flutter 單元測試

官方文件當 App 中的功能越來越多的時候,我們想要去手動測試一個功能的時候,會變的非常麻煩,這個時候就需要單元測試來幫助我們測試想要測的功能。Flutter 中提供了三種測試:unit test :
Flutter狀態管理之Provider的理解使用 Flutter

Flutter狀態管理之Provider的理解使用

首先,當然可以看看,官方文件翻譯參考一、為什麼需要Provider管理狀態資料變化,資料共享,需要ProviderFlutter的程式碼,是響應式/宣告式的。以前安卓/iOS的程式碼,是命令式的。響應
Flutter 全域性狀態管理之 Provider 初探 Flutter

Flutter 全域性狀態管理之 Provider 初探

一、什麼是全域性狀態管理當我們在使用 Flutter 進行應用開發時,可能需要不同的頁面共享應用或者說變數的狀態,當這個狀態發生改變時,所有依賴這個狀態的 ui 都會隨之發生改變。在同一個頁面中還好說
Flutter——動畫基礎(補間動畫) Flutter

Flutter——動畫基礎(補間動畫)

前言看過很多文章關於寫Flutter動畫的,但是大多數就是照著文件抄的文章,也有的就是你轉發我的,我轉發你的。很多文章沒有加入自己對知識的理解,不知道為什麼要這做。為此我打算寫一篇自己理解的Flutt
Flutter 滾動監聽及實戰appBar滾動漸變 Flutter

Flutter 滾動監聽及實戰appBar滾動漸變

本文主要介紹了 Flutter 監聽滾動控制元件的滾動事件和一些滾動控制器的用法,最後實現 appBar 滾動漸變,如有不當之處敬請指正。閱讀本文大約需要 5 分鐘介紹在 Flutter 中滾動監聽一
Flutter(八)之Flutter的基礎Widget Flutter

Flutter(八)之Flutter的基礎Widget

Flutter的基礎Widget前言一:接下來一段時間我會陸續更新一些列Flutter文字教程更新進度: 每週至少兩篇;更新地點: 首發於公眾號,第二天更新於掘金、思否、開發者頭條等地方;更多交流:
flutter釋出專案到pub的流程 Flutter

flutter釋出專案到pub的流程

你得能科學上網,這是前提需要終端科學上網,可以使用命令,命令的話只在當前終端生效,注意1087是我的終端號,你要改成你自己的終端號export http_proxy=http://127.0.0.1:
flutter 基礎系列(一)—— 環境搭建執行 Flutter

flutter 基礎系列(一)—— 環境搭建執行

本人計劃用 flutter 重寫公司的老的應用,所以在業餘時間進行 flutter 的苦逼學習之旅。我深知厚積而薄發,不積矽步無以至江河的道理,學習過程難免有痛苦也有掙扎,好記性真不如爛筆頭,隨著年紀
Flutter從0開發一個路由框架 Flutter|框架

Flutter從0開發一個路由框架

本文教你使用source_gen來開發自己的路由框架了,在開發的時候可以考慮某些功能用此方式開發source_gen是封裝自build和 analyzer,並在此基礎上提供友好的api封裝。build
Flutter小知識--外掛開發建議 Flutter

Flutter小知識--外掛開發建議

外掛是flutter生態中必需品。開發者可以通過外掛跟app所執行的平臺進行互動。在2018年的10月時,在 pub.dev上已經有上百款外掛了。外掛的質量尤為重要,不管外掛是來自google官方還是
Flutter開始干係列-實現一個登陸頁 Flutter

Flutter開始干係列-實現一個登陸頁

直接開始幹,沒有為什麼~在Flutter開始干係列-官方入門計數Demo的最後,簡單介紹了 Demo 所使用到的 Widget 。今天實現個登陸頁,介紹一些 FLutter 常用到的 Widget,可
Flutter - 生命週期 Flutter

Flutter - 生命週期

StatefulWidget 需要藉助於 State 物件,在特定的階段來處理使用者的互動或其內部資料的變化,並體現在 UI 上。這個特定的階段,就涵蓋來一個元件從載入到解除安裝的全過程,即生命週期。
mac 下搭建flutter環境 Flutter

mac 下搭建flutter環境

會詳細介紹在mac下配置flutter環境的步驟和出現的問題。下載flutter SDK去flutter官網下載其最新可用的安裝包,轉到下載頁    2. 解壓安裝包到你想安裝的目錄,如:cd ~/d
Flutter 掌握動畫開發 Flutter

Flutter 掌握動畫開發

主本文主要說明動畫的基本原理和簡單的動畫的例項,如有不當之處敬請指正。閱讀本文大約需要 6 分鐘背景給UI介面設計合理的動畫,可以讓使用者覺得更加流暢、直觀,提高使用者的互動使用感受,改善使用者體驗。
[-Flutter趣玩篇-]  Align-Alignment 知多少 Flutter

[-Flutter趣玩篇-] Align-Alignment 知多少

工具的價值在於使用它的人,而非工具自身。會拿筆的人很多,但繪畫宗師寥寥無幾。--張風捷特烈龍少(疑惑):Align這麼簡單,有什麼好講的。捷特: 你會拿筆嗎?龍少:你是在懷疑我的智商?我拿給你看:捷特
Android Flutter混合開發問題總結 Flutter|Android

Android Flutter混合開發問題總結

最近一直在探索android flutter的混合開發,一路遇到了很多的坑,接下來便將這些記錄下來,希望能幫助到大家的開發。flutter常用指令flutter help createflutter建
Flutter(七)之有狀態的StatefulWidget Flutter

Flutter(七)之有狀態的StatefulWidget

前言一:接下來一段時間我會陸續更新一些列Flutter文字教程更新進度: 每週至少兩篇;更新地點: 首發於公眾號,第二天更新於掘金、思否、開發者頭條等地方;更多交流: 可以新增我的微信 3726233
[譯]在 Flutter 中如何設計線性佈局? Flutter

[譯]在 Flutter 中如何設計線性佈局?

原文作者:Burhanuddin Rashid,Google 認證 Android 開發者原文連結:Flutter For Android Developers : How to design Lin
Flutter Web 之 Hello World Flutter

Flutter Web 之 Hello World

在 2019 Google 開發者大會上,官方宣佈了 Flutter Web 合併到了 Flutter SDK 中,也意味著同一套程式碼正式的實現了跨平臺開發。主要命令: flutter channe
Flutter 路由跳轉及傳值詳解(Navigator的使用) Flutter

Flutter 路由跳轉及傳值詳解(Navigator的使用)

在 Flutter 中想要實現頁面間的跳轉和傳值的話,離不開兩種路由:基本路由命名式路由官方說的是靜態路由和動態路由,不過我習慣了這樣叫,所以就暫且這樣說吧!基本路由基本跳轉基本路由的跳轉使用push
Flutter之Widget大小與位置 Flutter

Flutter之Widget大小與位置

在某些需求下,我們需要獲取Widget的大小或位置資訊。但Widget物件本身沒有大小及位置資料,那麼想要拿到Widget的大小及位置資訊,就需要通過與Widget物件相關聯的RenderBox物件來