鐵人檔案
前言 這是我第一次開發app，選擇用React Native來開發app的原因是因為其排版的架構跟網頁製作的原理相似，且可用很接近CSS的語法給予樣式，接下來來...
上一篇提到了專案的規劃，這一篇來做一下React Native的環境安裝。 React Native是臉書（facebook）所研發的開源應用程式架構，可利用J...
上篇說的是環境的安裝，這篇來補充建置專案還需安裝的指令以及建立一份空白的專案。 安裝指令 一、安裝Expo CLI 命令列工具在終端機輸入npm install...
延續昨天開啟的空白專案，今天來說明React Native(RN)畫面排版的基礎～ 打開空白專案裡的App.js，裡面已經有寫好一些程式了，大概可以分成三塊區域...
前幾篇都在講關於App程式相關的事，今天來說說我App的UI設計。 App架構規劃 Wireframe與UI Flow 顏色選擇 因為我的App是設計給學校...
上一篇說到App的設計，今天開始按照設計圖來製作App的畫面，首先從首頁做起。 <View>標籤雖然可以利用StyleSheet設定樣式顏色，但無法...
在App的首頁有規劃顯示任務完成情況的區域，讓使用者能清楚知道自己任務完成的進度。 接下來開始製作進度條，我需要製作二條進度條，一條紀錄地點篇任務情況，一條紀錄...
在我的App中用到不少按鈕，今天來就來製作按鈕。 在React Native中製作按鈕有兩種常用的標籤，分別是<TouchableHighlight>...
在React Native中可以利用StyleSheet做到跟web的css很像的格式設定，但各項格式設定的寫法React Native跟css還是不太一樣的，...
App不可能只有一個頁面，要實現頁面之間的切換就需要Navigator套件來幫助頁面之間的參數傳遞以及從哪頁來的導覽歷史。React Native有三種現成的導...
