常見的 DEBUG 方法/工具 內建的 Dev Menu，具備基本的 logs, network, inspect, JS debugger 功能。 Re...
目前第一個專案已經超過一半的進度了，不過當我們的清單是空的時候，要怎麼呈現給使用者也是一個設計上的挑戰。所以今天，我們將學習如何使用 Image 來美化這個空白...
本篇要來介紹日期時間選擇器第三方元件React Native Picker Select下稱RNPickerSelect 原先React Native也是有Pi...
不敢相信我這次都把手機桌布改成記得發鐵人賽了，還可以忘記發文！！！連兩屆因為自己忘記斷賽，到底想怎樣！！！被自己氣死！！！ 索性一次把剩下的文章發完，成為最早發...
要打包與上架 iOS App ，需要先有 app store 的開發者帳號，費用是每年 99 鎂。由於我是使用公司團隊帳號，申請流程就不在此教學中描述。 開始前...
完成 App 後，就要準備打包與上架了。首先來看打包 Android App 的步驟： 在 gitignore 加上 *.keystore 否則會有資安問題...
在上一節中，我們已經認識 React Native Firebase 的 API ，也完成基本前置作業。在這節中我們會繼續用上一節的 RemoteNotific...
React Native Firebase 前置作業 React Native Firebase 是官方所推薦的函式庫，透過它開發者能輕鬆在 Firebase...
以 Notifee 新增本地端定時推播 現在我們對於 Notifee 如何新增、修改、刪除本地端推播通知，已經有了初步認識。不過實務上不太可能會設計按鈕，按下去...
使用 Notifee 新增本地端推播 App 時常會透過推播訊息，來告訴用戶資訊、提醒時間等。Notifee 是一款能透過簡單 API ，達成多元功能的推播函式...
在這個章節我們要製作一個簡易的菜單收藏功能。當用戶按下收藏後，可以在收藏頁看到他收藏了哪些菜，並能刪除不要的收藏。 先製作兩個頁面元件，分別呈現菜單和收藏的內容...
從製作語言切換功能，認識 Redux 前面我們曾介紹過 Props 能將父元件的資料傳到子元件。不過 Props 只能層層傳遞，無法在同層之間傳遞。例如當我要從...
延續上一節的內容，這次換成製作開關抽屜的功能，在認識知識點之前，先來完成一個簡單的抽屜。 抽屜基本架構分成在外面的標題 title 、打開抽屜後顯示的內容 co...
主要的身份驗證部分在前兩天已經寫完了，這篇要分享的是我在過程中遇到的問題以及解決方式。 修改驗證信內容 這是驗證信預設的內容： 如果想要修改的話，可以到 Am...
在前面的文章，我們已經建立了一個基礎的 Todo List，並且對輸入的待辦事項進行了一些優化。今天，我們將進一步擴充其功能，讓使用者能夠勾選已完成的待辦事項。...
內容很多的網站，時常會在右下角設計一個 onTop 按鈕。那要如何在 App 中達成，「按下某個按鈕，就滑到特定區塊」這種功能呢？ 首先，來拆解一下功能。我們需...
本篇要來介紹日期時間選擇器第三方元件React Native Datetimepicker下稱RNDateTimePicker RNDateTimePicker...
接續著 DAY 16 React Native Android 上架前哨戰 - 使用 Google Play 商店發布測試接下來就要把開發好的應用程式送審，經過...
本篇開始前，還是來看一下真實的內部討論情況 PM：剩下十天，APP地圖功能還沒做，怎麼辦工程師：先使用WebView把現有網頁鑲嵌上去?PM：「越快越好」、「...
目前我們的 Todo List 已經達到最基本的輸入文字，而且顯示在畫面上。不過還是有很多可以改進的地方，例如什麼都不輸入或者是輸入空字串，按下新增按鈕的話，他...
在 React Native 中，可以透過 Animations 達成動畫效果，而 Animations 又包括 Animated 和 LayoutAnimat...
本篇將分享如何使用 Google play 發佈你要測試的 Android 應用程式。 情境: APP 的開發到一個段落了，即將要上架，想要在上架前做最後的確認...
本篇要來介紹React Native核心Component Modal Modal 介紹 Modal 用於在當前畫面之上顯示一個疊加的子視窗通常用於顯示...
使用 Firebase 發佈測試版本的應用程式的好處在於可以便於同時管理跨平台的應用程式，同時可用 Performance 的監控各項效能指標與使用 Crash...
目前已經可以做到怎麼新增待辦事項，不過我們都還沒讓其顯示在畫面上，所以今天要來示範如何在 App 中使用 FlatList。 為什麼選擇 FlatList？ 每...
認識 React Native Platform 在開發雙平台 App 時，相信大家都有察覺到 Android iOS兩者在預設樣式上有所不同。例如 Heade...
本篇要來介紹React Native兩項核心Component FlatList RefreshControl 日常在FaceBook、Instgram、F...
在日益複雜的前端開發環境中，如何有效地組織和管理程式碼，已成為前端工程師不可迴避的課題。今天，我們將深入探討模組化開發的重要性，以及如何運用 React 的 c...
本篇將分享如何使用 Apple 的 Test Flighter 發佈你要測試的應用程式。基本上前半段會與 DAY 13 React Native iOS 打包...
開發網頁時，我們可以引入 FontAwesome 、 Material Icons 等，透過 Icons 美化畫面與增添豐富度，在 App ，同樣也能做到這件...
wtlcqb
Bucky
peterlu
我是圈圈
Ashley
iThome鐵人賽
看影片追技術