iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

即使明天老闆突然叫你用 React Native 也可以跟他說好沒問題 系列

React Native 是一個臉書開發、建構在 React 之上的 JS 函式庫,最大的好處就是能用「類似網站開發的方式來製作 App 」。若你和我一樣是個網頁工程師,卻因故需要開發 App ,比起從頭學習 App 原生語法, React Native 絕對會是更平易近人的選項。不論你是突然被叫去寫 App 的工程師,或單純對 React Native 有興趣,都希望我能盡可能的幫助到你。

參賽天數 19 天 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 19

Day 21. 從實作抽屜,認識 onContentSizeChange

延續上一節的內容,這次換成製作開關抽屜的功能,在認識知識點之前,先來完成一個簡單的抽屜。 抽屜基本架構分成在外面的標題 title 、打開抽屜後顯示的內容 co...

2023-09-23 ‧ 由 我是圈圈 分享
DAY 19

Day 22. 從製作語言切換功能,認識 Redux

從製作語言切換功能,認識 Redux 前面我們曾介紹過 Props 能將父元件的資料傳到子元件。不過 Props 只能層層傳遞,無法在同層之間傳遞。例如當我要從...

2023-09-23 ‧ 由 我是圈圈 分享
DAY 19

Day 23. 從實作收藏功能,認識 AsyncStorage

在這個章節我們要製作一個簡易的菜單收藏功能。當用戶按下收藏後,可以在收藏頁看到他收藏了哪些菜,並能刪除不要的收藏。 先製作兩個頁面元件,分別呈現菜單和收藏的內容...

2023-09-23 ‧ 由 我是圈圈 分享
DAY 19

Day 24. 認識 Notifee 與基本功能

使用 Notifee 新增本地端推播 App 時常會透過推播訊息,來告訴用戶資訊、提醒時間等。Notifee 是一款能透過簡單 API ,達成多元功能的推播函式...

2023-09-23 ‧ 由 我是圈圈 分享
DAY 19

Day 25. 以 Notifee 實作本地端推播定時通知

以 Notifee 新增本地端定時推播 現在我們對於 Notifee 如何新增、修改、刪除本地端推播通知,已經有了初步認識。不過實務上不太可能會設計按鈕,按下去...

2023-09-23 ‧ 由 我是圈圈 分享
DAY 19

Day 26. 認識 React Native Firebase

React Native Firebase 前置作業 React Native Firebase 是官方所推薦的函式庫,透過它開發者能輕鬆在 Firebase...

2023-09-23 ‧ 由 我是圈圈 分享
DAY 19

Day 27. 以 Notifee 與 React Native Firebase 實作遠端推播

在上一節中,我們已經認識 React Native Firebase 的 API ,也完成基本前置作業。在這節中我們會繼續用上一節的 RemoteNotific...

2023-09-23 ‧ 由 我是圈圈 分享
DAY 19

Day 28. 打包送審 Android

完成 App 後,就要準備打包與上架了。首先來看打包 Android App 的步驟: 在 gitignore 加上 *.keystore 否則會有資安問題...

2023-09-23 ‧ 由 我是圈圈 分享
DAY 19

Day 29. 打包送審 iOS

要打包與上架 iOS App ,需要先有 app store 的開發者帳號,費用是每年 99 鎂。由於我是使用公司團隊帳號,申請流程就不在此教學中描述。 開始前...

2023-09-23 ‧ 由 我是圈圈 分享
DAY 19

Day 30. 結語

不敢相信我這次都把手機桌布改成記得發鐵人賽了,還可以忘記發文!!!連兩屆因為自己忘記斷賽,到底想怎樣!!!被自己氣死!!! 索性一次把剩下的文章發完,成為最早發...

2023-09-23 ‧ 由 我是圈圈 分享