鐵人檔案
React Native 是一個臉書開發、建構在 React 之上的 JS 函式庫，最大的好處就是能用「類似網站開發的方式來製作 App 」。若你和我一樣是個網頁工程師，卻因故需要開發 App ，比起從頭學習 App 原生語法， React Native 絕對會是更平易近人的選項。不論你是突然被叫去寫 App 的工程師，或單純對 React Native 有興趣，都希望我能盡可能的幫助到你。
前言： React Native 是什麼？ React Native 是一個臉書開發、建構在 React 之上的 JS 函式庫，最大的好處就是能用「類似網站開發...
創建專案 在正式開始撰寫 React Native 專案前，需做一些事前準備。根據你所使用的開發系統（ macOS 、 Windows 、 Linux）和要上架...
為避免有的人查找資料時直接進入此頁，而不是直接跟著系列文閱讀，這邊還是簡短的前情提要一下： 在正式開始撰寫 React Native 專案前，根據使用的開發系統...
創建專案的方法 現在可以在終端機試著用下述指令來創建專案：npx react-native init 專案名稱 啟動專案的方法 要啟動專案，讓他在模擬器運行，...
開啟模擬器，會看到 React Native 已經幫我們建立了一個簡單的教學頁面，讓我們可以點擊連結，進入教學頁面跟著學習。不過整個程式碼架構對初學者來說應該太...
那麼我們要如何為元件們上樣式呢？ 如果你有用過 React 或 JSX ，可能會直覺想到在行內設定，就像這樣： <Text style={{color:...
React Native 提供一種名叫 Flexbox 的方式來管理版面， Flexbox 就像合併了網頁能使用 display: flex 搭配 flex-d...
那麼 React Native 還有提供給我們什麼元件呢？讓我們繼續用剛才的 App.jsx 實做看看。 Image 顧名思義代表圖片，載入方式有兩種：圖片放在...
從 TouchableOpacity 認識事件處理 在上一段我們介紹了許多元件，不過並沒有介紹怎樣讓按鈕按下後執行某些事，或是怎樣改變 TextInput 的...
useState 在背後做了什麼 先讓我們從 useState 認識起，他背後的原理其實是利用 JS 的陣列解構： const number = [1, 2];...
