移除Flutter右上角的DEBUG標(biāo)識

在使用Flutter進(jìn)行開發(fā)時, 右上角會出現(xiàn)一個DEBUG的標(biāo)識. 測試的時候倒是無所謂, 但是APP上線前肯定要將其去掉. 證明其是一個開發(fā)完成的、完整的APP. 這篇非常簡短的博客將會記錄如何去掉Flutter右上角的DEBUG標(biāo)識. 一共有兩種方式, 你可以按需來選擇!

自動移除

別擔(dān)心, 你在為Flutter打正式包的時候, 這個標(biāo)志將會自動消失. 但有的時候我們想在開發(fā)過程中直接去掉, 那么你會需要下面的手動移除.

方法一: 代碼修改

找到你的MaterialApp(建議直接使用關(guān)鍵字進(jìn)行全局搜索), 為其添加一個屬性即可去掉:

MaterialApp(
 debugShowCheckedModeBanner: false
 ...
)

如圖:


01.png

方法二: Android Studio修改

如果你用的是Android Studio, 那么你可以不修改代碼, 通過鼠標(biāo)來移除:

第一步: 點擊界面右側(cè)側(cè)邊欄的Flutter Inspector, 如圖:

02.png

第二步: 點擊彈出界面的"More Actions"的下拉選(這個按鈕字比較小, 比較隱蔽):


03.png

第三步: 點擊下拉選項的"Hide Debug Mode Banner":


04.png

搞定!

結(jié)語

兩種方式都可以進(jìn)行修改, 唯一的區(qū)別就是方法一影響代碼, 方法二不會變動代碼. 你可以按實際情況選擇你需要的方式!

如果你對本篇文章有任何問題, 歡迎在下方評論區(qū), 進(jìn)行討論, 或加入阿航的技術(shù)小站交流群

原文鏈接

歡迎訪問阿航的技術(shù)小站官網(wǎng), 獲取更多技術(shù)干貨!

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容