Flutter開發(fā)筆記

一、InkWell與Dialog的使用問題

在Flutter開發(fā)中，有時(shí)會(huì)遇到InkWell的splashColor不生效的問題。解決此問題的方法是需要通過Material組件去除背景色，并將顏色設(shè)置在InkWell的外部。在Dialog builder中，使用WillPopScope可以禁用返回鍵的返回功能。但需要注意的是，此方法也會(huì)禁用iOS上的手勢(shì)滑動(dòng)返回功能，因此推薦在判斷平臺(tái)后再使用。

二、對(duì)話框中的復(fù)選框狀態(tài)修改及錯(cuò)誤處理

在修改對(duì)話框中的復(fù)選框狀態(tài)時(shí)，最簡(jiǎn)便的方法是通過Element中的markNeedsBuild方法。更推薦的做法是使用StatefulBuilder，這樣可以在Dialog中調(diào)用setState方法。但在調(diào)用setState時(shí)，需要判斷Dialog是否已經(jīng)關(guān)閉，否則會(huì)造成setState() called after dispose()的錯(cuò)誤?？梢酝ㄟ^添加一個(gè)標(biāo)志位來(lái)解決此問題。

三、網(wǎng)絡(luò)圖片加載問題及跨域解決方案

在Web中加載網(wǎng)絡(luò)圖片時(shí)有時(shí)會(huì)失敗，并出現(xiàn)“Exception caught by image resource service...”等報(bào)錯(cuò)。這通常是由于圖片跨域引起的（見跨域資源共享）。為解決此問題，最簡(jiǎn)單的辦法是使用HTML渲染加載，而非默認(rèn)的CanvasKit。

四、列表滾動(dòng)與WebView內(nèi)容截?cái)鄦栴}

在Flutter中，所有的列表默認(rèn)都沒有ScrollBar。若要使用ScrollBar，必須將其與ScrollView的ScrollNotification結(jié)合使用。當(dāng)列表長(zhǎng)度固定時(shí)，ScrollBar才能正常工作。對(duì)于WebView等高度不定的組件，若出現(xiàn)內(nèi)容被截?cái)嗟那闆r，通?？梢酝ㄟ^NestedScrollView解決，需在WebView外部嵌套SingleChildScrollView。

五、緩存、異常處理及插件使用問題

即使使用了緩存和builder加載圖片，仍會(huì)出現(xiàn)滑動(dòng)屏幕后圖片短暫消失并重新加載的現(xiàn)象，尤其在圖片高度較高時(shí)更為明顯。這是由于超出屏幕范圍一定距離的組件被重新渲染所致。解決方法是在ListView上設(shè)置cacheExtent參數(shù)，該參數(shù)能夠改變超出屏幕高度后的繼續(xù)渲染范圍。借助IntrinsicHeight組件，可以避免Dialog或BottomSheet中的元素因約束存在而不顯示或高度過高。在通過Uri獲取queryParameters時(shí)，若鏈接包含非utf-8字符，會(huì)拋出異常。目前此問題的解決方案是捕捉可能拋出的異常。在Flutter開發(fā)中，使用官方或第三方插件時(shí)總會(huì)遇到一些問題，大部分問題可通過搜索和查找issue解決。這里記錄了一些遇到的問題及解決方法。

深入解析技術(shù)細(xì)節(jié)：圖片加載回調(diào)、WebView插件定制及Egret開發(fā)環(huán)境搭建

一、技術(shù)細(xì)節(jié)解析

關(guān)于圖片加載回調(diào)

當(dāng)前庫(kù)尚未支持圖片加載完成的回調(diào)功能（如issue545所示）。但我們可以借助imageBuilder來(lái)添加這一功能。對(duì)于應(yīng)用內(nèi)的更新插件，在安卓10及以上版本安裝時(shí)，需在manifest文件中添加特定內(nèi)容以確保圖片加載的順利進(jìn)行。

WebView插件的功能與定制

目前我們擁有一款功能強(qiáng)大的WebView插件，該插件基本能滿足絕大多數(shù)移動(dòng)端網(wǎng)頁(yè)加載的需求，并且具備較高的可定制化特點(diǎn)。通常，我們可通過CookieManager修改Cookie，但直接攔截請(qǐng)求并修改請(qǐng)求對(duì)象的Header可能無(wú)法生效。針對(duì)iOS和Android平臺(tái)，InAppWebViewOptions的userAgent設(shè)置有所差異，因此建議分平臺(tái)進(jìn)行設(shè)置。若需在默認(rèn)的UserAgent上添加參數(shù)，iOS和Android平臺(tái)的操作方法也有所不同。

在Android平臺(tái)上，若圖片源或請(qǐng)求為http，為確保正常加載，必須在AndroidInAppWebViewOptions中將mixedContentMode設(shè)置為AndroidMixedContentMode.MIXED_CONTENT_ALWAYS_ALLOW。

關(guān)于全屏圖片的顯示問題，默認(rèn)的Constraint會(huì)將圖片居中顯示，導(dǎo)致四周留有空隙。為解決此問題，我們需在Xcode中調(diào)整LaunchScreen.storyboard的設(shè)置。具體步驟包括：在View Controller的View和LaunchImage上取消勾選Safe Area。然后，在右側(cè)的Inspector面板中調(diào)整Size inspector，解選Layout Margins中的Safe Area Relative Margins，拖動(dòng)圖片至全屏，并根據(jù)View Controller Scene的Warning更新Constraint。

集成三方庫(kù)與iOS模擬器的兼容問題

在集成某些三方庫(kù)后，使用命令行運(yùn)行iOS模擬器時(shí)可能會(huì)遇到報(bào)錯(cuò)。這是由于iOS模擬器正在逐步兼容arm64架構(gòu)，但目前尚不完全支持。為解決此問題，我們需要修改Build Setting以在x86_64的模擬器上運(yùn)行。具體步驟已詳細(xì)記錄。

二、Egret開發(fā)筆記——開發(fā)環(huán)境搭建

本文將詳細(xì)分享Egret游戲開發(fā)環(huán)境的搭建步驟，適用于對(duì)游戲開發(fā)感興趣的同學(xué)。訪問Egret官網(wǎng)下載并安裝相關(guān)軟件包。安裝完成后啟動(dòng)程序，注冊(cè)賬號(hào)并登錄，選擇適合的引擎版本以開始項(xiàng)目。

接下來(lái)是開發(fā)工具的裝配。Egret提供了豐富的開發(fā)工具，包括Egret Wing（代碼編輯器）、DragonBones（動(dòng)畫編輯器）、Texture Merger（圖集處理工具）、Egret Feather（粒子編輯器）等。還有LakeShore（無(wú)需代碼即可制作跨平臺(tái)游戲的游戲編輯器）和Chrom調(diào)試插件（Egret Inspector）等。開發(fā)者還可以將Html5游戲轉(zhuǎn)化為Android和iOS平臺(tái)的App，實(shí)現(xiàn)更多應(yīng)用場(chǎng)景的覆蓋。

項(xiàng)目創(chuàng)建是開發(fā)流程的關(guān)鍵環(huán)節(jié)。在Egret的“項(xiàng)目”頁(yè)簽中選擇“創(chuàng)建項(xiàng)目”，填寫項(xiàng)目名稱、路徑等信息，選擇適合的引擎版本和界面配置。創(chuàng)建項(xiàng)目后，使用Egret Wing打開項(xiàng)目，進(jìn)行代碼編輯、保存和調(diào)試。開發(fā)者可通過菜單欄的“項(xiàng)目”——“構(gòu)建”——“調(diào)試”查看運(yùn)行效果，實(shí)時(shí)調(diào)整和優(yōu)化游戲開發(fā)過程。 三、APP的意思探究

什么是APP

當(dāng)我們提及APP，我們并不是在指某一特定的軟件。APP，作為縮寫，全稱為智能手機(jī)的第三方應(yīng)用程序。它不是內(nèi)置的基本功能性程序，而是用來(lái)擴(kuò)展設(shè)備功能的工具。簡(jiǎn)而言之，APP是安裝在智能手機(jī)上的各種第三方應(yīng)用程序的統(tǒng)稱。無(wú)論是用于聊天交友還是其他各種功能，都可以被稱為APP。

APP的種類與功能

APP的種類繁多，功能各異。根據(jù)用戶的需求，有各種社交、娛樂、工作、學(xué)習(xí)等類型的APP。它們不僅讓我們的生活更加豐富多彩，還大大提高了我們工作和生活的效率。每個(gè)APP都有其獨(dú)特的功能，滿足用戶的特定需求。例如，社交APP讓我們可以隨時(shí)隨地與朋友交流，學(xué)習(xí)類APP幫助我們學(xué)習(xí)新知識(shí)等。

APP的來(lái)源

想要使用某個(gè)APP，我們可以通過各大應(yīng)用商場(chǎng)進(jìn)行下載。例如，蘋果用戶的AppStore、谷歌的GooglePlayStore、諾基亞的Ovistore、黑莓的BlackBerryAppWorld以及微軟的Marketplace等。這些應(yīng)用商場(chǎng)提供了豐富的APP供用戶選擇下載，使得我們可以根據(jù)自己的需求輕松找到并安裝所需的APP。

APP的地位與意義

在現(xiàn)代社會(huì)，APP已經(jīng)成為我們生活中不可或缺的一部分。它們不僅讓我們的生活更加便捷，還為我們提供了無(wú)盡的可能性。通過不同的APP，我們可以實(shí)現(xiàn)各種功能，擴(kuò)展手機(jī)的功能性，滿足我們的各種需求。無(wú)論是工作、學(xué)習(xí)還是娛樂，APP都扮演著重要的角色。可以說(shuō)，APP的出現(xiàn)極大地改變了我們的生活方式和工作方式。

總結(jié)

APP是智能手機(jī)的第三方應(yīng)用程序的統(tǒng)稱，其種類繁多、功能各異。我們可以通過各大應(yīng)用商場(chǎng)輕松下載并使用各種APP，以滿足我們的需求。在現(xiàn)代社會(huì)中，APP已經(jīng)成為我們生活中不可或缺的一部分，為我們的生活帶來(lái)了極大的便利和改變。通過深入了解APP的含義和種類，我們可以更好地利用它們，使我們的生活更加豐富多彩。