這篇文章會分享的是使用 Expo + Github action 實現自動 eas update 和 eas build，主要目的是學會使用 Github ac...
今天已經是第 15 天了，轉眼間鐵人賽也達成了二分之一的進度。 今天開始要來實作第二個專案，我們要來做的是一個即時天氣 App。這次除了一樣使用 React N...
完成 App 後，就要準備打包與上架了。首先來看打包 Android App 的步驟： 在 gitignore 加上 *.keystore 否則會有資安問題...
現在的 hourlyWeather 資料只有顯示 4 筆，感覺可以顯示更多，所以我們來使用 FlatList 來顯示更多資料。 FlatList FlatLis...
從實作 Tab 選擇器認識陣列渲染（ map / &&） 目前為止我們已經學了一部分 JSX 、 React 和 React Native 的內...
主要的身份驗證部分在前兩天已經寫完了，這篇要分享的是我在過程中遇到的問題以及解決方式。 修改驗證信內容 這是驗證信預設的內容： 如果想要修改的話，可以到 Am...
認識 React Native Platform 在開發雙平台 App 時，相信大家都有察覺到 Android iOS兩者在預設樣式上有所不同。例如 Heade...
在日益複雜的前端開發環境中，如何有效地組織和管理程式碼，已成為前端工程師不可迴避的課題。今天，我們將深入探討模組化開發的重要性，以及如何運用 React 的 c...
使用 Notifee 新增本地端推播 App 時常會透過推播訊息，來告訴用戶資訊、提醒時間等。Notifee 是一款能透過簡單 API ，達成多元功能的推播函式...
在 React Navigation 中做路由設定 在手機中，有一些關於 App 導覽列的設定，例如左邊有返回鍵、中間呈現頁面標題等等，並且會根據 Androi...
由於 OpenWeatherMap API 需要提供經緯度，所以我們需要取得使用者的位置資訊，這時候就可以使用 Expo Location 來取得使用者的位置資...
不敢相信我這次都把手機桌布改成記得發鐵人賽了，還可以忘記發文！！！連兩屆因為自己忘記斷賽，到底想怎樣！！！被自己氣死！！！ 索性一次把剩下的文章發完，成為最早發...
按照進度，這篇文章會示範怎麼從 OpenWeatherMap 取得未來數小時的天氣預報，並且讓資料展示在畫面上。 了解 API 首先必須要先知道資料有哪些，以及...
這篇文章將會著重於建立 App 的 UI 架構，會使用一開始建立專案設定的 nativewind 和 tailwindcss 來快速地設計和實現 UI。 設計...
在這個章節我們要製作一個簡易的菜單收藏功能。當用戶按下收藏後，可以在收藏頁看到他收藏了哪些菜，並能刪除不要的收藏。 先製作兩個頁面元件，分別呈現菜單和收藏的內容...
從建立第二個元件認識 Props 在 React 中我們時常會透過元件化，來增加程式碼的重用性，提升易維護性。舉例來說，好幾頁都會出現的搜尋欄、分類 tab 等...
昨天介紹了如何使用 React Native 的 Modal 來實作一個確認刪除的提示 Modal，今天要做的則是如何使用 Modal 來編輯原本的待辦事項。...
那麼 React Native 還有提供給我們什麼元件呢？讓我們繼續用剛才的 App.jsx 實做看看。 Image 顧名思義代表圖片，載入方式有兩種：圖片放在...
現在畫面上還未處理的區塊就剩下未來一星期的天氣還沒做了，這篇文章將會來示範如何處理這個區塊。 設定 API 在 Day 24 的文章中有提到，按照 OpenWe...
在任何 Todo List 的 App 中，除了新增和完成項目之外，刪除待辦事項也是一個非常重要的功能。畢竟隨著時間的推移，有些事項可能已經不再需要或是想要從清...
由於目前 HourlyForecast 和 DailyForecast 當中的 icon 設定部分都是重複的，看起來可以共用，因此我們可以將這部分抽出來，變成一...
目前畫面上的地區是固定的，但我們這個 App 是要顯示目前所在地區的天氣，所以這篇文章會示範如何取得目前所在地區的資料，並且顯示在畫面上。 如何取得目前所在地區...
開發網頁時，我們可以引入 FontAwesome 、 Material Icons 等，透過 Icons 美化畫面與增添豐富度，在 App ，同樣也能做到這件...
現在只剩一個問題，要怎樣讓下方的水果卡片，因不同的 filterType 篩選後渲染出來。 腦筋動比較快的人會想到，只要多設一個變數 filterFruits...
現在 HeadInfo 的時間是固定的，看起來不太真實，所以我們要改成顯示現在的時間。 安裝 dayjs 處理時間的 JS 套件很多，例如 moment、da...
從製作語言切換功能，認識 Redux 前面我們曾介紹過 Props 能將父元件的資料傳到子元件。不過 Props 只能層層傳遞，無法在同層之間傳遞。例如當我要從...
wtlcqb
Bucky
我是圈圈
iThome鐵人賽
看影片追技術