天天看點

3.Flutter入門,開始AndroidStuido寫flutter

今天除了上午發的部落格,其他時間在搞Dart,功夫不負有心人,确實挺容易上手的,以前學過python,對print();後面這個分号感覺好痛苦

3.Flutter入門,開始AndroidStuido寫flutter

已經學完了,Dart就入了個門。

然後就開始學習Flutter了,目前繼續剛開始的AndroidStudio建立的第一個Flutterapp界面

3.Flutter入門,開始AndroidStuido寫flutter

但這還不能運作,這是個架構,根本的還是需要運作AndroidStudio裡的模拟器或者調試真機

是以我們在建立後,可以看到上圖中有Android,ios兩個檔案夾

3.Flutter入門,開始AndroidStuido寫flutter

左上角File,選擇Open

打開目前Flutterapp裡面的android檔案夾

3.Flutter入門,開始AndroidStuido寫flutter

然後就跟安卓原生一樣了

這是大象

3.Flutter入門,開始AndroidStuido寫flutter

但是還是需要重新配置Gradle這些東西,反正用右上角那個大象,重新加載下,下載下傳gradle的壓縮包,我遇到的問題是一直說我連接配接失敗,可能是我網絡不穩定,然後我就多按了幾次

3.Flutter入門,開始AndroidStuido寫flutter

我這邊一直遇到這種問題,然後網上百度了,但是沒起作用,是以就一直按右上角的大象,一直加載,最後就開始下載下傳Gradle的壓縮包了

壓縮包搞定後,有提示我報錯

3.Flutter入門,開始AndroidStuido寫flutter

然後我搜到的資料是

3.Flutter入門,開始AndroidStuido寫flutter

然後就根據提示找到了Help,然後還是點了好幾次,估計是當時網絡不佳

3.Flutter入門,開始AndroidStuido寫flutter

然後開始更新和重新開機

3.Flutter入門,開始AndroidStuido寫flutter
3.Flutter入門,開始AndroidStuido寫flutter

最後等背景更新,這邊就并行寫部落格了。。。。

現在剛寫完,更新也完成了。

再重新開機下AndoridStudio

3.Flutter入門,開始AndroidStuido寫flutter
3.Flutter入門,開始AndroidStuido寫flutter

還得加載,我繼續寫部落格浪費下時間

3.Flutter入門,開始AndroidStuido寫flutter

完成的界面其實和安卓原生基本一樣的,

接下來開始運作模拟器

flutter是偏向跨平台,對于調用一些系統的工具,比如權限,傳感器之類的,還是需要用安卓原生來寫的,這個是需要知道的。

3.Flutter入門,開始AndroidStuido寫flutter

第一個使用flutter架構寫出來的安卓項目就此新鮮出爐了。

然後這邊配置好後,再重新打開剛開始建立的FlutterApp,繼續下面的操作,這些是flutter工程的所有需要注意的檔案夾

3.Flutter入門,開始AndroidStuido寫flutter
3.Flutter入門,開始AndroidStuido寫flutter

然後就是開始我們第一個flutter項目的運作了,因為此前在、android可以調用模拟器了所有這邊的模拟器也是可以使用的。

因為main.dart裡面的東西太多了,我看的視訊也是重新寫了個最簡單的,相當于第一次祭天的代碼了。

3.Flutter入門,開始AndroidStuido寫flutter

最後調用模拟器嘛,然後輸出了祭天的語句,可以看到我們的界面是特别單調的,是以需要使用一些類庫之類的去優化目前的界面,這是後面的内容,後面持續更新咯。

的視訊也是重新寫了個最簡單的,相當于第一次祭天的代碼了。**

[外鍊圖檔轉存中…(img-lc41ZaXU-1617875561546)]

最後調用模拟器嘛,然後輸出了祭天的語句,可以看到我們的界面是特别單調的,是以需要使用一些類庫之類的去優化目前的界面,這是後面的内容,後面持續更新咯。

今天的内容也完成了,再看看第一個建立的flutte項目裡的main的代碼的含義,學無止境,繼續努力。