目前預計的功能還少了搜尋城市，並且顯示該城市的天氣資訊，不過搜尋的部分應該放在哪裡比較好呢？思考了一下，可以運用 React Navigation 來實作一個...
大部分的文章都是討論怎麼從 0 開始開發 React Native 專案，但其實真實的情況更多的是你必須從接手前人的 code 開發，假設有完整的文件可以查找，...
歡迎來到本系列文章的第三天！ 希望你已經對我們的第一個專案－Todo List App 有所期待。今天我們要談論的主題是 React Native 元件和樣式設...
自我介紹 嗨～大家好，這是我第一次來參加鐵人賽 那本身就是前端工程師，接觸前端也有一陣子了， 之前都是在 Web 上做開發， 使用的是 ReactJS， 那這次...
阿毛
‧
2021-09-16
接續上一篇 DAY 27 React Native 效能優化：提升效能實戰 (一)接下來會用程式碼範例來說明如何優化 React Native 的效能～ 要優化...
到第六天囉～ 這兩天我們把專案大概的介紹了一下，接下來我們總算要進入到程式裡了 像昨天說過的，我們主要開發都會在 App component 底下， 那我們先來...
阿毛
‧
2021-09-21
接續上篇在版面完成後讓我們繼續完成登入功能吧 本篇會進入以下開發環節 Components 事件處理 useState 實際應用 登入基本防呆 將所有Com...
第 28 天 ! 倒數 3 天！ 當我們道路都打通後，我們要開始想要傳什麼資料進去， 首先，我們要確定要放在 redux store 的資料是什麼？ 通常，我們...
阿毛
‧
2021-10-13
創建專案的方法 現在可以在終端機試著用下述指令來創建專案：npx react-native init 專案名稱 啟動專案的方法 要啟動專案，讓他在模擬器運行，...
專案使用的 React 全域狀態管理工具（State Management）是什麼？ 在 React Native 專案中狀態管理通常是必備的工具之一，但狀態管...
這邊我會先介紹 React Native 的 debug 工具有哪些？如何使用？最後會分享實戰如何透過 debug 工具解決問題。 Metro 先從官方文件預設...
為避免有的人查找資料時直接進入此頁，而不是直接跟著系列文閱讀，這邊還是簡短的前情提要一下： 在正式開始撰寫 React Native 專案前，根據使用的開發系統...
以 Notifee 新增本地端定時推播 現在我們對於 Notifee 如何新增、修改、刪除本地端推播通知，已經有了初步認識。不過實務上不太可能會設計按鈕，按下去...
本篇要來介紹React Native核心Component Modal Modal 介紹 Modal 用於在當前畫面之上顯示一個疊加的子視窗通常用於顯示...
第 21 天 ! 我們來了解 react 的 資料流(data flow)， 在我們之前做的To Do List範例來說， 在設定資料的時候， 只單純在 App...
阿毛
‧
2021-10-06
前言 預計分享的內容 有感於 React Navie 繁體中文的內容偏少加上在工作中踩了不少坑，因此這次鐵人賽將分享我以網頁前端工程師的角度開發 React N...
本篇要來介紹Expo官方提供兩項元件 Expo Speech 語音功能 Expo Haptics 觸覺回饋功能 另外加碼介紹一項React Native 官...
這篇文章會分享的是使用 Expo + Github action 實現自動 eas update 和 eas build，主要目的是學會使用 Github ac...
第七天～ 我們昨天寫了個 Hello World 出來， 但是這只是單單把字給秀出來而已， 假如我們希望對畫面做調整的話， 讓我們的 Hello World 看...
阿毛
‧
2021-09-22
第 20 天～ 走到了三分之二了～！！！ 好激動阿！！ 再接再厲～ 加油！ 昨天把 To Do List 的邏輯全都完成了， 我們今天來 聊聊 關於 compo...
阿毛
‧
2021-10-05
使用 Notifee 新增本地端推播 App 時常會透過推播訊息，來告訴用戶資訊、提醒時間等。Notifee 是一款能透過簡單 API ，達成多元功能的推播函式...
上篇有介紹「底部切換式分頁」React Navigation 其實還有提供「頂部切換式分頁」 大家可以先打開Line APP，然後點開LineToday左右滑動...
如果不想要大家一起通靈通出一坨Ｏ，請不要偷懶做好規劃。我說那個Excel寫出來的功能列表也是不夠的，畢竟大家對文字的理解都不同。 一份好的匡線圖也可以做好聚焦的...
現在開發手機app可以透過很多種方式，像是使用Kotlin（Android的官方開發語言）或是同時開發Android & Swift的Dart（用於Fl...
要打包與上架 iOS App ，需要先有 app store 的開發者帳號，費用是每年 99 鎂。由於我是使用公司團隊帳號，申請流程就不在此教學中描述。 開始前...
開始畫圖之前，先確認好要使用的UI framework，來確認可以使用什麼元件。才不會有實作畫面很困難的問題。這邊提供幾個元件來給大家參考： 以下是我使用過的：...
第 19 天～ 昨天做到了，新增項目的部分， 像這樣： 改變狀態 當我們可以成功的展示新增的項目後， 我們希望可以按一下項目，就讓他切換 完成 ｜ 未完成，...
阿毛
‧
2021-10-04
今天要來介紹一個很有趣的效能監測工具 Flashlight，透過 Flashlight 可以查看正式環境的 APP 效能，不只你自己開發的 APP 可以看得到，...
上一篇已經把搜尋的功能完成了，但是搜尋的畫面看起來有點單調，所以這篇文章會使用 Lottie 動畫增加 App 的視覺效果。 Lottie 是什麼？ Lotti...
Bucky
Ashley
peterlu
我是圈圈
wtlcqb
Edmond
bsj
iThome鐵人賽
看影片追技術