之前Flutter1.x版本的時候體驗過手機app開發(fā)讳苦,這是一個Flutter版本的玩安卓app(附源碼),就在前不久Flutter2.0正式版已經(jīng)發(fā)布吩谦,加入了web支持鸳谜,索性體驗一把。
一式廷、創(chuàng)建工程
常規(guī)操作咐扭,就是使用android studio編輯器,F(xiàn)lie-->New-->New Flutter Project
一路直接Next+Finish ,項目就創(chuàng)建成功了蝗肪。
二袜爪、運行項目
常規(guī)的運行到手機或者模擬器上就不說了,下面說下運行到web瀏覽器上穗慕。
如上圖饿敲,選擇最后一個是手機真機調(diào)試,選擇Chome或者Edge都可以運行到web瀏覽器中逛绵,選擇好后點擊綠色運行按鈕怀各。
!J趵恕瓢对!直接報錯了
目前只找到一種解決方法,就是在控制臺用命令行啟動胰苏。
flutter run -d chrome --web-port=8080 --web-hostname=127.0.0.1
然后控制臺就能看見啟動起來了
然后下面就是見證奇跡的時刻
成功的運行到了Chrome瀏覽器上硕蛹。
點擊事件可以響應(yīng)!
當(dāng)然運行到手機上肯定也是沒有問題的硕并!
好了法焰,到此簡單的web體驗就沒有了,當(dāng)然如果要寫出復(fù)雜的頁面就需要深入學(xué)習(xí)一下Dart語言的相關(guān)語法和Flutter的用法倔毙。