flutter跨平臺項目切換到移動,桌面,web平臺的方法

今天是2019.12.30,再有幾天就是2020年了.恭祝各位讀者在新的一年裡大展宏圖,多學多得,收穫滿滿!


flutter跨平臺項目切換到移動,桌面,web平臺的方法

文章主題


flutter支持的平臺包括:安卓,ios,windows桌面,Linux桌面,web瀏覽器,還有其他嵌入式設備這裡不做介紹了.遊學電子科技今天來帶您看看如何在安卓,ios,桌面,web下互相切換項目,正好這也是flutter跨平臺開發的一大優勢.

flutter默認的是創建移動安卓設備項目,如果你想創建web平臺下的項目如何做呢?或者切換到桌面下呢?如何切換到web下呢.今天本人帶您一覽我的操作.

其實flutter提供了一個內置命令config,用它就可以進行切換.請看下圖:這是在Android studio的命令窗口下執行flutter config的顯示結果.

flutter跨平臺項目切換到移動,桌面,web平臺的方法

config指令一覽


如果您執行flutter提示不是內部命令,那就是flutter的環境沒有配置好哦.具體可以參考我的文章或者視頻,我介紹過flutter環境配置的.

一.移動平臺轉web的方法

例如:我默認創建了一個安卓移動項目,如何進行web瀏覽器運行呢?

1.首先分幾步走,具體是幾步走,得看我能寫幾步了.大家別介意哦

Android studio打開命令窗口.見下圖執行flutter create .

flutter跨平臺項目切換到移動,桌面,web平臺的方法


執行flutter create .

2.命令窗口繼續執行:flutter run -d chrome,等待執行完畢,然後重啟Android studio即可,一定要重啟哦.否則調試或者運行時沒有瀏覽器設備的.

flutter跨平臺項目切換到移動,桌面,web平臺的方法

有瀏覽器設備的正確環境


3.注意,一定要安裝谷歌瀏覽器,其他瀏覽器不行的.一定要重啟Android studio.如果這配置過程中出現問題,可以參考我的其他關於flutter文章或者視頻.我專門介紹過環境搭建還有模擬器不識別的情況.


flutter跨平臺項目切換到移動,桌面,web平臺的方法

flutter項目web平臺展示


以上是移動平臺轉web的方法.

二.web平臺轉回移動平臺的方法

這個指令的含義是清除對flutter的所有配置,恢復默認.默認就是移動平臺了.2.重啟Android studio.這時候設備就沒有了web瀏覽器而是空的了.見下圖

Android studio打開命令窗口.見下圖執行flutter config --clear-features

flutter跨平臺項目切換到移動,桌面,web平臺的方法

執行flutter config --clear-features


這個指令的含義是清除對flutter的所有配置,恢復默認.默認就是移動平臺了.2.重啟Android studio.這時候設備就沒有了web瀏覽器而是空的了.見下圖

flutter跨平臺項目切換到移動,桌面,web平臺的方法


沒有了web瀏覽器而是空的了.

需要我們運行模擬器然後就可以運行項目了.

flutter跨平臺項目切換到移動,桌面,web平臺的方法

同一flutter項目移動平臺展示


以上就是從web平臺又轉回移動平臺的方法.

根據以上2個內容,您一定學會了如何在不同平臺間的切換工作,說白了就是使用flutter config指令進行切換即可.最後希望大家多多關注我哦,不懂的地方可以隨時聯繫我。


分享到:


相關文章: