React native 之設置IOS的圖標,名稱和啟動圖(下篇文章會講到RN的android的相關設置)


1.首先,app的名稱:

如圖所示:我的工程名叫BOOk 在BOOk下面的info.plist的文件里設置app的相關信息:比如Bundle name就是設置APP的名稱

2.App的圖標:(這里注意的是:1.app的圖標有尺寸之分,所以如果圖片的尺寸不對,編譯也就會失敗!2.圖標的圓角是系統自己設定的,也就是說,我們上傳的圖片是正正方方的!)

如圖:在工程文件下面的 images.xcassests的文件下是存儲圖片文件的地方,在IOS開發中一般是將圖片放在這個位置,但是在React native的開發中,我們也可以從這里面拿圖片使用,也可以自己定義圖片存儲文件夾,當然為了方便起見,一般我們將自定義圖片文件夾放在RN工程中,android、IOS的工程外,當然,啟動圖啥的就還是乖乖的放在android,IOS工程里面吧!

ok!下面是啟動圖了!!!這個需要設置!

3,啟動圖:

同樣!啟動圖也是放在images.xcasssets文件里 ,但是,我們要新建

失誤~吧QQ給截圖出來了~~~呵呵,點擊左側的空白處` 然后new icon那個 ----new ios launch 

 然后我們將啟動圖拖拽到里面~(注意尺寸,要不然編譯會出錯!!!)

這個添加好了以后就需要去設置啦~點擊項目名稱(我這里是BOOK)然后會彈出這樣的界面

這里的App icons source 就是我們設置圖標的路徑(可以去查看下)

然后我們要設置的是下面的這個lanch images source 改成我們剛新建的那個啟動圖就好了~這里注意的是:下面的launch Screen file要設置成空

ok!完成結束!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM