第八屆 佳作

web
React Native 航向真全端,建構雙平台 App
Fuyaode

系列文章

DAY 11

React Native 基礎元件 <TextInput> 簡介

常用的 React Native 的基礎元件基本上都快介紹完了呢,TextInput 是能讓使用者輸入文字的元件,輸入進 App 後,我們會需要把輸入的字串存起...

DAY 12

React Natvie FlexBox 的排版

哇!好不容易打基礎元件介紹完了,接戲來就來介紹 React Native 的排版吧,如果有在關注該系列的朋友,一定有發現我都用了一個 styles.center...

DAY 13

React Native 跨平台設計(一) 使用 .ios .android

React Native 號稱可以寫兩個平台,確實他真的可以一次寫兩個平台,而且效能還不錯,但是官網也有說,只號稱 85% 的程式碼能重複使用,那剩下的 15...

DAY 14

React Native 跨平台設計(二) 方便的 Platform

上次有介紹到,我們可以用 .ios .android 的檔案名稱後輟來分辨我們是使用 android 還是 ios 的 Component,但是除了這個方法法外...

DAY 15

React Native 如何使用人家寫好的元件

身為一個小小工程師,最好的朋友莫過於 Google、Stack Overflow、最重要的就是 Github 了,Github 上有滿滿的開源套件,也不乏 Re...

DAY 16

React Native Navigator 學會切換頁面 (一)

在一個 App 內不可能只有一個頁面,一定會使用到換頁的動作,所以這個時候我們要使用一個元件叫做 Navigator他能幫我們切換到下一個頁面。 Navigat...

DAY 17

React Native Navigator 進階版 使用 react-native-router-flux

react-native-router-flux 是一款別人開源專門切換 router 的 Component,他是在 React Native Navigat...

DAY 18

React Native App 實戰 (一) 初始專案

OK 鐵人賽已經過半了,我也已經把 React Native 常用的基礎元件和排版方法教完了,接下來就是要實戰了,我們的標題可是 React Native 航向...

DAY 19

React Native App 實戰 (二) 87% 像 Spotify 登入頁面

昨天有把 boilerplate 架起來了,那我們今天就來刻第一個畫面,我們的目標是要刻一個 EC 的 App 所以當然少不了登入頁面,今天我們就拿 Spoti...

DAY 20

React Native App 實戰 (三) 首頁 - 廣告 Banner

通常一款 電商 App 開起來,最上方會有一個 Banner 輪播漂漂亮亮的圖片來吸引使用者,今天我們就來實作和設計一款簡單好用的 Banner 吧,當然輪播的...