Expo大作戰(十)--expo中的App Icon,expo中的Assets,expo中的ErrorHandling錯誤處理

来源:https://www.cnblogs.com/gdsblog/archive/2018/03/11/8546238.html
-Advertisement-
Play Games

簡要:本系列文章講會對expo進行全面的介紹,本人從2017年6月份接觸expo以來,對expo的研究斷斷續續,一路走來將近10個月,廢話不多說,接下來你看到內容,講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式,對expo進行一次大補血!歡迎加入expo興趣學習交流群:597732 ...


簡要:本系列文章講會對expo進行全面的介紹,本人從2017年6月份接觸expo以來,對expo的研究斷斷續續,一路走來將近10個月,廢話不多說,接下來你看到內容,講全部來與官網

我猜去全部機翻+個人修改補充+demo測試的形式,對expo進行一次大補血!歡迎加入expo興趣學習交流群:597732981

【之前我寫過一些列關於expo和rn入門配置的東i西,大家可以點擊這裡查看:從零學習rn開發

相關文章:

Expo大作戰(一)--什麼是expo,如何安裝expo clinet和xde,xde如何使用

Expo大作戰(二)--expo的生命周期,expo社區交流方式,expo學習必備資源,開發使用expo時關註的一些問題

Expo大作戰(三)--針對已經開發過react native項目開發人員有針對性的介紹了expo,expo的局限性,開發時項目選型註意點等

Expo大作戰(四)--快速用expo構建一個app,expo中的關鍵術語

Expo大作戰(五)--expo中app.json 文件的配置信息

Expo大作戰(六)--expo開發模式,expo中exp命令行工具,expo中如何查看日誌log,expo中的調試方式

Expo大作戰(七)--expo如何使用Genymotion模擬器

Expo大作戰(八)--expo中的publish以及expo中的link,對link這塊東西沒有詳細看,大家可以來和我交流

更多>>

接下來就開始擼碼


指南

這些指南涵蓋了您可能希望在Expo項目中實施的具體目標或功能。 例如,許多人希望載入除設備附帶的字體外的自定義字體,或向用戶發送推送通知。 閱讀適合您需求的指南。

App圖標


您的應用圖標是用戶在其設備的主屏幕以及App Store和Play商店中看到的圖標。這是平臺差異很重要的一個主題,並且要求可能很嚴格。本指南詳細介紹瞭如何確保您的應用圖標在所有設備上看起來儘可能好。

配置您的應用程式的圖標

為您的應用程式提供圖標最直接的方法是在app.json中提供圖標鍵。如果你想儘可能做到最小,那麼這個關鍵就足夠了。但是,Expo還接受ios.icon和android.icon下的平臺特定鍵。如果其中任何一個存在,他們將優先於各自平臺上的基本圖標鍵。大多數產品質量的應用程式可能會提供iOS和Android之間略有不同的東西。

圖標最佳實踐

iOS版
您用於iOS的圖標應該遵循iOS圖標的Apple人機界面指南。

  • 使用一個PNG文件。
  • 1024x1024是一個很好的尺寸。expo建設服務將為您生成其他尺寸。它生成的最大尺寸是1024x1024。
  • 圖標必須完全正方形,即1023x1024圖標無效。
  • 確保圖標填充整個正方形,沒有圓角或其他透明像素。適當時,操作系統將掩蓋您的圖標。

Android的
與iOS不同,操作系統不會將您的圖標蒙上任何特定的形狀。因此,您可能希望使用透明度來提供除正方形以外的其他形狀。

  • 使用一個PNG文件。
  • 您可能仍然希望遵循Apple的一些最佳做法,以確保您的圖標看起來很專業,例如在不同的壁紙上測試您的圖標,並避免除產品的文字標記之外的文字。
  • 提供至少512x512像素的東西。既然你已經在iOS上需要1024x1024,那麼在這裡也只是提供這個東西也不會有什麼壞處。

expo客戶和網路(Expo Client and Web)

如果您的應用程式包含隱私:在app.json中公開,它會顯示在您的expo.io配置文件中。在這種情況下,我們會掩蓋自己的圖標以獲得圓角,所以如果它在iOS上看起來合理,它在這裡也可能看起來不錯。

 

資產(Assets)


圖像,字體,視頻,聲音,您的應用依賴的任何其他文件並不是JavaScript,而是被認為是一種資產。就像在網路上一樣,資產也可以通過HTTP按需獲取或流式傳輸。這與典型的移動應用程式不同,資產與應用程式二進位文件捆綁在一起。

然而,Expo在您使用的資源與需要的語法之間存在著區別,因為它們在本地文件系統上可用,例如:<Image source = {require('./ assets / images / example.png' )} />以及您通過網址引用的網頁圖片,例如:<Image source = {{uri:'http://yourwebsite.com/logo.png'}} />。由於我們不管理這些資產,因此我們無法保證您使用Web URI引用的圖像的可用性。此外,我們沒有關於任意Web URI的相同數量的信息:當您的資產在本地文件系統上可用時,打包程式能夠讀取一些元數據(例如寬度,高度)並將其傳遞到您的應用程式,所以你實際上不需要指定寬度和高度,例如。指定遠程網址時,您需要明確指定寬度和高度,否則將預設為0x0。最後,正如您稍後將看到的,兩種情況下的緩存行為都不相同。

以下是對前一類資產的解釋:構建時您在文件系統中擁有的資產。在後一種情況下,假定您熟悉如何將圖片上傳到網頁上的任何網頁或移動應用程式可以訪問的地方。

資產生活的地方 (Where assets live)

開發中(In development)

在處理項目的本地副本時,資源將從本地文件系統提供,並與JavaScript模塊系統集成。所以如果我想包含一個圖像,我可以require它,我們可以這樣處理,如果它是JavaScript代碼:require('./ assets / images / example.png')。這裡唯一的區別是我們需要指定一個擴展名 - 沒有擴展名,模塊系統會認為它是一個JavaScript文件。此語句在編譯時評估一個對象,該對象包含有關可由Image組件使用以獲取並呈現它的資產的元數據:<Image source = {require('./ assets / images / example.png')} />

在生產中(In production)

每當您發佈您的應用程式時,Expo都會將您的資產上傳到Amazon CloudFront,這是一款速度非常快的CDN。它以智能的方式執行此操作,以確保您的部署保持快速:如果自上次部署以來資產沒有發生變化,則會跳過它。你無需做任何事情就可以工作,它全部由expo自動處理。

性能(Performance)

某些資產太重要,無法啟動您的應用程式(Some assets are too important to start your app without)。字體通常屬於這個類別。在Web上,字體載入問題通過幾種縮略語已知:FOUT,FOIT和FOFT,它們代表無風格文本的Flash,不可見文本的Flash和虛假文本的Flash(在此處閱讀更多內容)。圖標字體驅動的icon-font-powered@ expo / vector-icons圖標的預設行為在第一次載入時為FOIT,在後續載入時,字體將被自動緩存。用戶對移動設備的要求比網路更高,因此您可能希望通過在初始載入屏幕上預載入和緩存字體和重要圖像來進一步推進。

錯誤處理

本指南詳細介紹了一些可用於報告和從項目錯誤中恢復的策略。

處理致命的JS錯誤(Handling Fatal JS Errors)

如果您的應用程式遇到致命的JS錯誤,expo根據您的應用程式是否處於開發或生產狀態而不同地報告錯誤。

在開發中:如果您從XDE或exp服務您的應用程式,致命的JS錯誤將報告給React Native RedBox,並且不會採取其他操作。

 

在生產中(In Production):如果您發佈的應用程式遇到致命的JS錯誤,Expo將立即重新載入您的應用程式。如果重新載入後錯誤發生得非常快,Expo會顯示一個通用錯誤屏幕,並帶有一個按鈕來嘗試手動重新載入。

 

Expo還可以在您重新載入應用程式後向您報告自定義信息。如果您使用ErrorRecovery.setRecoveryProps,並且應用程式稍後遇到致命的JS錯誤,那麼在重新載入時,該方法調用的內容將被傳回到您應用的初始道具中。參見Expo.ErrorRecovery

 

跟蹤JS錯誤

我們推薦使用Sentry來跟蹤生產中的JS錯誤。

 

原生錯誤怎麼樣?(What about Native Errors)

由於expo的本地代碼永遠不會改變您的項目,所以本機符號(the native symbols)不是特別有意義的(它們會向您展示對React Native核心或expo本地SDK的追蹤)。在絕大多數情況下*,JS錯誤才是是你關心的

儘管如此,如果您真的想要本地崩潰日誌並將您的應用部署為獨立應用,則可以為Android配置自定義Fabric鍵。請參閱使用app.json進行配置

對於iOS,我們現在不會公開一種方式讓您從expo應用程式中看到原生崩潰日誌。這是因為我們不會按需構建iOS本機代碼,這將需要將調試符號上傳到Fabric(或類似的服務)。

*在某些情況下,通過編寫壞JS可能導致本機代碼崩潰。通常,這些是在性能上不可接受的地方,例如為你的代碼添加本地驗證。 React Native橋梁的一部分,它將JS對象轉換為類型化的本機值。如果遇到可解釋的本機故障,請仔細檢查您的參數類型是否正確。


下一張繼續介紹,這一篇主要介紹了:expo中的App Icon,expo中的Assets,expo中的ErrorHandling錯誤處理,歡迎大家關註我的微信公眾號,這篇文章是否被大家認可,我的衡量標準就是公

眾號粉絲增長人數。歡迎大家轉載,但必須保留本人博客鏈接!

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 簡要:本系列文章講會對expo進行全面的介紹,本人從2017年6月份接觸expo以來,對expo的研究斷斷續續,一路走來將近10個月,廢話不多說,接下來你看到內容,講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式,對expo進行一次大補血!歡迎加入expo興趣學習交流群:597732 ...
  • 簡要:本系列文章講會對expo進行全面的介紹,本人從2017年6月份接觸expo以來,對expo的研究斷斷續續,一路走來將近10個月,廢話不多說,接下來你看到內容,講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式,對expo進行一次大補血!歡迎加入expo興趣學習交流群:597732 ...
  • 【展示效果說明】 對 app 操作錄屏時,展示出手指在 app 上的觸摸效果可以看到具體點擊,感覺這樣比較方便,也不用做視頻後期了。 這裡簡單用 runtime 實現了一個這樣的效果,不需要修改任何代碼,只要將 UIWindow+Touch.m 分類導入工程即可。 展示效果如下: 【實現思路】 1. ...
  • 異常: java.lang.RuntimeException: Parcelable encountered IOException writing serializable object 這是在intent發送數據的時候出現的,原因:通過intent傳遞的類實現了serialzable介面,但是那 ...
  • 恢復內容開始 打開monitor時出現 打開log一看,媽的,全是報錯日誌 真是聞者傷心,見者落淚。 隨便摘錄一篇日誌: 那麼長???!!!沒法看了,直接上網搜索。 第一種方法:據說是從外網stackoverflow流傳過來的秘方:只要用管理員身份打開就可以解決了。 實踐之後:完全不頂用啊!!! 第 ...
  • 最近在項目中需要做自動定位功能,就是你在參加會議通過掃描二維碼簽到的時候自動定位並將你的定位信息在簽到中上傳,這樣可以避免我們進行假簽到。在這個功能中,主要用到的是系統自帶的定位模塊,首先我們是需要配置定位功能的參數,然後當我們定位成功時調用特定的方法進行相應操作就可以了,當然,在定位失敗時我們也可 ...
  • 使用的自定義類,如下: 動態變數控制 動態添加方法 動態交換兩個方法的實現 攔截並替換方法 在方法上增加額外功能 對runtime進行歸納總結,代碼如下: 1、載入運行時頭文件: 2、具體實現代碼: ...
  • 簡要:本系列文章講會對expo進行全面的介紹,本人從2017年6月份接觸expo以來,對expo的研究斷斷續續,一路走來將近10個月,廢話不多說,接下來你看到內容,講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式,對expo進行一次大補血!歡迎加入expo興趣學習交流群:597732 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...