鐵人檔案
React Native 是一個臉書開發、建構在 React 之上的 JS 函式庫，最大的好處就是能用「類似網站開發的方式來製作 App 」。若你和我一樣是個網頁工程師，卻因故需要開發 App ，比起從頭學習 App 原生語法， React Native 絕對會是更平易近人的選項。不論你是突然被叫去寫 App 的工程師，或單純對 React Native 有興趣，都希望我能盡可能的幫助到你。
從建立第二個元件認識 Props 在 React 中我們時常會透過元件化，來增加程式碼的重用性，提升易維護性。舉例來說，好幾頁都會出現的搜尋欄、分類 tab 等...
從實作 Tab 選擇器認識陣列渲染（ map / &&） 目前為止我們已經學了一部分 JSX 、 React 和 React Native 的內...
現在只剩一個問題，要怎樣讓下方的水果卡片，因不同的 filterType 篩選後渲染出來。 腦筋動比較快的人會想到，只要多設一個變數 filterFruits...
認識 React Navigation 與建立路由表 在網站中我們會設定路由表來切換頁面，同樣的在 App 中也會有頁面切換的需求，而 React Naviga...
在 React Navigation 中做路由設定 在手機中，有一些關於 App 導覽列的設定，例如左邊有返回鍵、中間呈現頁面標題等等，並且會根據 Androi...
當頁面很多時，可進一步透過巢狀路由來管理頁面，讓頁面架構更清楚。以 Google Podcast 為例，下面有一個 Bottom Navigation 。其中媒...
開發網頁時，我們可以引入 FontAwesome 、 Material Icons 等，透過 Icons 美化畫面與增添豐富度，在 App ，同樣也能做到這件...
認識 React Native Platform 在開發雙平台 App 時，相信大家都有察覺到 Android iOS兩者在預設樣式上有所不同。例如 Heade...
在 React Native 中，可以透過 Animations 達成動畫效果，而 Animations 又包括 Animated 和 LayoutAnimat...
內容很多的網站，時常會在右下角設計一個 onTop 按鈕。那要如何在 App 中達成，「按下某個按鈕，就滑到特定區塊」這種功能呢？ 首先，來拆解一下功能。我們需...
