iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

我不用Expo啦,React Native! 系列

身為一個自認為React為主力卻是以Vue在工作的新手前端工程師,最近開始學習使用TypeScript,想要找個目標練習,同時又想起了當初學軟體的初心:寫App。剛好自己也沒認真學過React Native,於是想把使用TS+RN從頭開始開發App的過程記錄下來,看看能走到多遠。
這系列不定位為教學文,而是新手從零開始的紀錄文。

鐵人鍊成 | 共 33 篇文章 | 64 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day21] 資料庫設定

今日關鍵字:firebase 這次專案使用的資料庫是firebase點擊右上角的前往主控台後開啟新的專案 同時需要搭配React Native Firebas...

2020-09-21 ‧ 由 b97201019 分享
DAY 22

[Day22] 實機測試

今日關鍵字: 寫了好一陣子,該來在自己的手機上跑跑看了然後再次聲明我只有Android手機 關閉模擬機 開啟手機的USB Debugging(像這樣,各家的...

2020-09-22 ‧ 由 b97201019 分享
DAY 23

[Day23] 提醒功能-5:被遺忘的iOS

關鍵字:notification 點擊通知時重新導向未成功 延續昨天在Day16~19時有試著做了一個點擊通知後可以跳轉回細節頁面的功能可是在以實機測試時,這...

2020-09-23 ‧ 由 b97201019 分享
DAY 24

[Day24] 語言切換-1:沒有萬能的許願機

今日關鍵字:i18n 雖然有聽過i18n,但一直沒用過想像中用起來大概是: import { translate, ja } from 'i18n' con...

2020-09-24 ‧ 由 b97201019 分享
DAY 25

[Day25] 語言切換-2:store架構調整

今日關鍵字:combineReducers 預想中這個App會有兩個地方需要讀取語言 剛打開App時讀取Async Storage裡讀取使用者上次使用的語系...

2020-09-25 ‧ 由 b97201019 分享
DAY 26

[Day26] 設定頁面-1:頁面改造

由於之前只有隨便寫一點按鈕今天來把介面改造一下 開始改造前要先來張留念照 這時候來google一下頁面來點靈感 看一看打算做一個列表式的感覺一欄是一個按鈕切換...

2020-09-26 ‧ 由 b97201019 分享
DAY 27

[Day27] 設定頁面-2

延續昨天的內容 由於看起來有點冷清首先比照切換語言的按鈕幫刪除資料加個圖示並且補上素材所有權的聲明 <TouchableOpacity sty...

2020-09-27 ‧ 由 b97201019 分享
DAY 28

[Day28] 方向鎖定

今日關鍵字:orientation 意外的跑版 事情發生在某個平凡無奇的下午,這一天......(喂 言歸正傳,昨天筆者正在東按西按按到模擬器的方向旋轉時破版...

2020-09-28 ‧ 由 b97201019 分享
DAY 29

[Day29] Build成App

由於手上沒有iOS手機,所以這裡只build成apk 打包成Apk 首先要用keytool生成一把key在終端機輸入 keytool -genkeypair...

2020-09-29 ‧ 由 b97201019 分享
DAY 30

[Day30] 初始畫面:JS版

今日關鍵字:Splash Screen 初始畫面是點擊App後首先出現的畫面(像是打開推特時那隻鳥會從標誌放大到整個畫面) 這個需要原生來處理而今天先試著以別...

2020-09-30 ‧ 由 b97201019 分享