iT邦幫忙

第 12 屆 iThome 鐵人賽

2
Modern Web

我不用Expo啦,React Native!系列 第 33

[Day33] 加入Icon(順便偷渡完結感想)

  • 分享至 

  • xImage
  •  

今日關鍵字:Icon


最後一天希望能給自己的App一個Icon
不過既然Splash Screen已經拿React的Icon來做了
Icon也暫且拿同樣的素材吧/images/emoticon/emoticon34.gif


Icon需要相當多不同的Size,幸好很多網站都可以上傳一張圖就搞成適當的大小


iOS

用Xcode打開專案名.xcworkspaceImages.xcassets下的AppIcon
並把剛剛裁完的Icon依尺寸一個蘿蔔一個坑地丟進去
https://ithelp.ithome.com.tw/upload/images/20200927/201218284e780qi37P.png
成果:
https://ithelp.ithome.com.tw/upload/images/20200927/20121828JyomcgxZl6.png

Android

將素材圖放入/android/app/src/main/res中mipmap-開頭的五個資料夾中,檔名要改得跟原來的Icon相同
(跟Splash Screen放的地方相同)
https://ithelp.ithome.com.tw/upload/images/20200927/20121828sow8CJ7wzw.png
成果:
https://ithelp.ithome.com.tw/upload/images/20200927/20121828tfQ6CNxuiy.png

另外由於通知吃的也是這組Icon
https://ithelp.ithome.com.tw/upload/images/20200927/201218285oGXVYLRdC.png

所以通知的圖示也有了
https://ithelp.ithome.com.tw/upload/images/20200927/20121828w7tmfd1HXh.png
https://ithelp.ithome.com.tw/upload/images/20200927/20121828CekEbkxPOg.png


時間過得很快,三十天過了
沒講到的東西很多
包括React Native的各基礎元件
包括如何排版
包括React Hook詳細用法......等
也沒有依照Android及iOS的使用者習慣調整

不過對我自己來說
真的沒有用Expo就做出點東西了(然後如各位所見的確是地雷踩到飽)
增加很多對iOs及Android的初步了解
也對於React及Redux更加熟悉

雖然目前離上架還有距離
不過我還是會找時間努力調整
讓他往上架之路邁進的

沒想到這三十天能真的摸到這麼多東西
也謝謝一路看下來的大家,希望大家一路看下來也能有所收穫

如果大家遇到開發上的問題
最好的好友依然是
Google
真的怎麼找怎麼都有
(不過英文的資源還是相對完整)

最後補上整個App從頭到尾的操作影片:(iOS)
Yes
通知的部分為了方便測試我現在是依照剩餘集數每五秒跳一次
而非原本寫的一週跳一次
Android因為排版跟邏輯基本一樣就不另外補了
還有正在開發的後台
後續可能會在我空空的medium繼續寫(不過應該沒那麼快啦)

有問題歡迎提出指教或討論
希望明年還能再參賽!/images/emoticon/emoticon82.gif


上一篇
[Day32] 提醒功能-6:最後的回馬槍
系列文
我不用Expo啦,React Native!33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言