iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

3 Like 1 留言 23177 瀏覽

鐵人賽 Modern Web DAY 1

Expo --- 跨平台 App 開發從零到上架系列第 1 篇

技術 Expo DAY1 --- Introduction

Expo DAY1 --- Introduction tags: iThome鐵人賽2018 ReactNative Expo day1 前言本系列文章都會...

iamcxa ‧ 2017-12-05

1 Like 2 留言 8138 瀏覽

鐵人賽 Modern Web DAY 3

Expo --- 跨平台 App 開發從零到上架系列第 3 篇

技術 Expo DAY3 --- Installation

Expo DAY3 --- Installation tags: iThome鐵人賽2018 ReactNative Expo day3 前言經過了簡單的分...

iamcxa ‧ 2017-12-07

0 Like 0 留言 7901 瀏覽

鐵人賽 Modern Web DAY 4

Expo --- 跨平台 App 開發從零到上架系列第 4 篇

技術 Expo DAY4 --- Hello Expo!

Expo DAY4 --- Hello Expo! tags: iThome鐵人賽2018 ReactNative Expo day4 前言本篇的首要目標是...

iamcxa ‧ 2017-12-08

0 Like 0 留言 5552 瀏覽

鐵人賽 Modern Web DAY 2

Expo --- 跨平台 App 開發從零到上架系列第 2 篇

技術 Expo DAY2 --- Pros v.s Cons

Expo DAY2 --- Pros v.s Cons tags: iThome鐵人賽2018 ReactNative Expo day2 前言現在就做看看...

iamcxa ‧ 2017-12-06

0 Like 0 留言 5110 瀏覽

鐵人賽 Modern Web DAY 6

Expo --- 跨平台 App 開發從零到上架系列第 6 篇

技術 Expo DAY6 --- Debugging

Expo DAY6 --- Debugging tags: iThome鐵人賽2018 ReactNative Expo day6 Debugging 前言...

iamcxa ‧ 2017-12-10

0 Like 0 留言 4981 瀏覽

鐵人賽 Modern Web DAY 5

Expo --- 跨平台 App 開發從零到上架系列第 5 篇

技術 Expo DAY5 --- Writing Comments, Open Project & Snack

Expo DAY5 --- Writing Comments, Open Project & Snack tags: day5 iThome鐵人賽201...

iamcxa ‧ 2017-12-09

0 Like 0 留言 3563 瀏覽

鐵人賽 Modern Web DAY 7

Expo --- 跨平台 App 開發從零到上架系列第 7 篇

技術 Expo DAY7 --- View, Text & Assets

Expo DAY7 --- View, Text & Assets tags: day7 iThome鐵人賽2018 ReactNative Expo...

iamcxa ‧ 2017-12-11

0 Like 0 留言 2870 瀏覽

鐵人賽 Modern Web DAY 8

Expo --- 跨平台 App 開發從零到上架系列第 8 篇

技術 Expo DAY8 --- Touchable, Icons & Speech

Expo DAY8 --- Touchable, Icons & Speech tags: day5 iThome鐵人賽2018 ReactNative...

iamcxa ‧ 2017-12-12

0 Like 0 留言 2756 瀏覽

鐵人賽 Modern Web DAY 9

Expo --- 跨平台 App 開發從零到上架系列第 9 篇

技術 Expo DAY9 --- Audio & Video

Expo DAY9 --- Audio & Video tags: day9 iThome鐵人賽2018 ReactNative Expo AV Aud...

iamcxa ‧ 2017-12-13

0 Like 0 留言 788 瀏覽

技術殺蟲記 #2 [expo] - expo private package 401 unauthorized

辛辛苦苦生產的app，終於要build出去啦，甚麼?!居然不給過?!讓我們來看看官方解法官方說明 private package 只要在expo網頁的Secr...

Chen ‧ 2022-08-20

0 Like 2 留言 756 瀏覽

鐵人賽 Mobile Development DAY 25

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 25 篇

技術 Day 25 - 使用Expo專案建置你的第一支Android APP

在你的APP有一定的規模後就是要建置給內部人員 or 客戶測試使用本篇會使用Expo專案搭著React Native官方Android打包說明帶你完成建置And...

peterlu ‧ 2023-09-29

0 Like 0 留言 745 瀏覽

鐵人賽 Mobile Development DAY 27

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 27 篇

技術 Day 27 - 使用Expo專案建置你的第一支iOS APP

本篇會使用Expo專案搭著React Native官方iOS打包說明(官方文件內容非常少...)帶你完成打包iOS App 注意：當你沒有Apple devel...

peterlu ‧ 2023-10-01

0 Like 1 留言 706 瀏覽

鐵人賽 Mobile Development DAY 4

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 4 篇

技術 Day 4 - Expo 啟動！

接下來會主要以Windows作業系統指令與Expo 49版本(2023.06.29官方最新版本)做為後續開發講解※在Expo版本升級後，指令會有些微誤差，但不影...

peterlu ‧ 2023-09-08

0 Like 1 留言 509 瀏覽

鐵人賽 Mobile Development DAY 1

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 1 篇

技術 Day 1 - 介紹 React Native 和 Expo，與開發環境和模擬器的設定

哈囉，大家好，歡迎開始我們 30 天的 React Native 與 Expo 之旅！今天我們將會從最基本的開始，了解 React Native 與 Expo...

Bucky ‧ 2023-09-16 ‧團隊大船要開囉

0 Like 0 留言 477 瀏覽

鐵人賽自我挑戰組 DAY 27

React Native 奇幻之旅系列第 27 篇

技術【DAY27】React Native - 應用上架前的準備工作

Android & iOS 上架前都需要對應用進行一些基本設置，比如：應用的package (Bundle ID)、版本、icon...等，這邊簡單分享...

wtlcqb ‧ 2023-09-27

0 Like 0 留言 448 瀏覽

鐵人賽 Mobile Development DAY 3

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 3 篇

技術 Day 3 - Expo 簡介 & 開發環境配置

Expo 簡介起初根本不知道Expo是什麼是因為React Native官方直接使用了Expo的線上預覽(Snack)才開始對這款開發工具產生興趣並研究。 E...

peterlu ‧ 2023-09-07

0 Like 0 留言 425 瀏覽

鐵人賽 Mobile Development DAY 21

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 21 篇

技術 Day 21 - Expo Barcode Scanner實作手機QRCode掃描功能

相信大家對於二維條碼(QR Code)並不陌生而在APP裡掃描QR Code更是大幅提升使用方便性本篇要來使用Expo官方提供的Expo BarCodeSca...

peterlu ‧ 2023-09-25

0 Like 1 留言 411 瀏覽

鐵人賽 Mobile Development DAY 29

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 29 篇

技術 Day 29 - Expo SDK 升級 & 後續維運甘苦談

本篇要來分享Expo App完成開發、上架後後續的一些維運、探討提供未來在接手維運React Native & Expo專案的你一些開發、維運方向👀 E...

peterlu ‧ 2023-10-03

0 Like 0 留言 389 瀏覽

鐵人賽 Mobile Development DAY 23

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 23 篇

技術 Day 23 - Expo Location 實作地理位置追蹤功能

本篇要來介紹Expo地理位置追蹤套件 - Expo Location講解在React Native Expo專案怎麼做到一次性取得使用者位置背景追蹤使用者...

peterlu ‧ 2023-09-27

0 Like 0 留言 311 瀏覽

鐵人賽 Mobile Development DAY 4

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 4 篇

技術 Day 4 - 新增一個表單來加入新的待辦事項

大家好！今天的目標是實現一個基本但非常重要的功能，新增一個表單來加入新的待辦事項。一個表單最基本的會有一個輸入框還有一個按鈕，我們將會示範如何使用 React...

Bucky ‧ 2023-09-19 ‧團隊大船要開囉

0 Like 2 留言 305 瀏覽

鐵人賽 Mobile Development DAY 30

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 30 篇

技術 Day 30 - 單人開發者之路完結篇

本系列的最後一篇，就是要來復盤、探討以及揭開單人開發者之路的神秘面紗這是首次參加鐵人賽，首次完成鐵人賽按下「發表文章」的表情一起來玩emoji廚房做出酷酷...

peterlu ‧ 2023-10-04

0 Like 0 留言 301 瀏覽

鐵人賽 Mobile Development DAY 21

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 21 篇

技術 Day 21 - 使用 Zustand 管理狀態

目前已經透過 OpenWeatherMap API 拿到現在的天氣資料，但是要怎麼將資料傳遞給 component 使用呢？有以下幾種方式可以傳遞資料給 co...

Bucky ‧ 2023-10-06 ‧團隊大船要開囉

0 Like 0 留言 295 瀏覽

鐵人賽 Mobile Development DAY 3

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 3 篇

技術 Day 3 - 介紹 React Native 元件以及樣式設定

歡迎來到本系列文章的第三天！希望你已經對我們的第一個專案－Todo List App 有所期待。今天我們要談論的主題是 React Native 元件和樣式設...

Bucky ‧ 2023-09-18 ‧團隊大船要開囉

0 Like 0 留言 265 瀏覽

鐵人賽 Mobile Development DAY 20

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 20 篇

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

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

Bucky ‧ 2023-10-05 ‧團隊大船要開囉

0 Like 0 留言 262 瀏覽

鐵人賽 Mobile Development DAY 8

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 8 篇

技術 Day 8 - 如何使用 Checkbox 讓使用者勾選已完成

在前面的文章，我們已經建立了一個基礎的 Todo List，並且對輸入的待辦事項進行了一些優化。今天，我們將進一步擴充其功能，讓使用者能夠勾選已完成的待辦事項。...

Bucky ‧ 2023-09-23 ‧團隊大船要開囉

0 Like 0 留言 260 瀏覽

鐵人賽 Mobile Development DAY 9

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 9 篇

技術 Day 9 - 使用 Image 表示未新增

目前第一個專案已經超過一半的進度了，不過當我們的清單是空的時候，要怎麼呈現給使用者也是一個設計上的挑戰。所以今天，我們將學習如何使用 Image 來美化這個空白...

Bucky ‧ 2023-09-24 ‧團隊大船要開囉

0 Like 0 留言 256 瀏覽

鐵人賽 Mobile Development DAY 2

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 2 篇

技術 Day 2 - 第一個 React Native App 簡介與 Expo 專案設定

昨天我們介紹了 React Native 和 Expo，並進行了環境設定和模擬器的設定。今天，會簡單介紹我們的第一個專案，一個新手工程師都會練習的 Todo L...

Bucky ‧ 2023-09-17 ‧團隊大船要開囉

0 Like 0 留言 255 瀏覽

鐵人賽 Mobile Development DAY 14

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 14 篇

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

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

Bucky ‧ 2023-09-29 ‧團隊大船要開囉

0 Like 0 留言 234 瀏覽

鐵人賽 Mobile Development DAY 6

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 6 篇

技術 Day 6 - 使用 React Native 的列表元件展示待辦事項

目前已經可以做到怎麼新增待辦事項，不過我們都還沒讓其顯示在畫面上，所以今天要來示範如何在 App 中使用 FlatList。為什麼選擇 FlatList？每...

Bucky ‧ 2023-09-21 ‧團隊大船要開囉

0 Like 0 留言 228 瀏覽

鐵人賽 Mobile Development DAY 11

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 11 篇

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

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

Bucky ‧ 2023-09-26 ‧團隊大船要開囉