iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

掌握 React Native 與 Expo:30天雙打,新手也能精通跨平台開發! 系列

在本次的鐵人賽中,將帶領你走入 React Native 與 Expo 的世界,一起在 30 天內完成兩個跨平台應用專案。這個系列會由淺入深,逐步導向實際的應用程式開發。會透過實際的操作,學習 React Native 與 Expo 的強大功能,並學會如何將它們應用在真正的專案上。

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文 團隊大船要開囉
DAY 11

Day 11 - 使用 Expo 的 Icons 來增加用戶體驗

隨著手機界面設計的不斷進步,Icon 已經成為了增強使用者體驗的一個重要元素。它們不僅提供了視覺吸引力,還在功能性上為使用者提供了直觀的導引。在本篇文章中,我們...

2023-09-26 ‧ 由 Bucky 分享
DAY 12

Day 12 - 使用 Modal 提示使用者是否刪除

使用者在操作 App 的過程中,某些行為例如刪除資料,如果讓使用者直接刪除,這可能會導致重要資料的遺失。 為了避免這種情況,提示使用者進行確認是一種普遍的做法。...

2023-09-27 ‧ 由 Bucky 分享
DAY 13

Day 13 - 使用 Modal 編輯待辦事項

昨天介紹了如何使用 React Native 的 Modal 來實作一個確認刪除的提示 Modal,今天要做的則是如何使用 Modal 來編輯原本的待辦事項。...

2023-09-28 ‧ 由 Bucky 分享
DAY 14

Day 14 - 儲存待辦事項到本地儲存

當我們打造一個 Todo List App,希望是不管何時打開 App,我們之前所輸入的內容都會被保存下來,而不會因為重新開啟 App 而失去資料。 這篇文章將...

2023-09-29 ‧ 由 Bucky 分享
DAY 15

Day 15 - 第二個 App 簡介與專案 Tailwind CSS 設定

今天已經是第 15 天了,轉眼間鐵人賽也達成了二分之一的進度。 今天開始要來實作第二個專案,我們要來做的是一個即時天氣 App。這次除了一樣使用 React N...

2023-09-30 ‧ 由 Bucky 分享
DAY 16

Day 16 - 申請使用 OpenWeather

目前有蠻多可以利用的天氣 API,不管是免費或是付費的資料。這裡要介紹的天氣即時資訊的 API,他有免費的額度可以使用,以一個要作為個人專案來說非常足夠。我們會...

2023-10-01 ‧ 由 Bucky 分享
DAY 17

Day 17 - 建立 Weather App UI 架構

這篇文章將會著重於建立 App 的 UI 架構,會使用一開始建立專案設定的 nativewind 和 tailwindcss 來快速地設計和實現 UI。 設計...

2023-10-02 ‧ 由 Bucky 分享
DAY 18

Day 18 - 重構 TypeScript icon 設定

由於目前 HourlyForecast 和 DailyForecast 當中的 icon 設定部分都是重複的,看起來可以共用,因此我們可以將這部分抽出來,變成一...

2023-10-03 ‧ 由 Bucky 分享
DAY 19

Day 19 - 簡單定位 - Expo Location

由於 OpenWeatherMap API 需要提供經緯度,所以我們需要取得使用者的位置資訊,這時候就可以使用 Expo Location 來取得使用者的位置資...

2023-10-04 ‧ 由 Bucky 分享
DAY 20

Day 20 - 使用 OpenWeatherMap API - 目前天氣資料

上篇文章已經透過 Expo Location 取得目前所在地的經緯度,接下來就可以使用 OpenWeatherMap API 來取得目前的天氣資訊。 設定 .e...

2023-10-05 ‧ 由 Bucky 分享