iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

React Native 航向真全端,建構雙平台 App 系列

React Native 聰明的人一看到這名字,馬上就能聯想到它是 React 的親戚並且能開發 Native 原生應用 ,宗旨是 "Learn once, write anywhere" 言下之意就是能讓你學一遍過後,就能開發多個平台的應用,從網頁到原生 App,React 制霸的時代已經來臨了

鐵人鍊成 | 共 30 篇文章 | 93 人訂閱 訂閱系列文 RSS系列文
DAY 11

React Native 基礎元件 <TextInput> 簡介

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

2016-12-26 ‧ 由 Fuyaode 分享
DAY 12

React Natvie FlexBox 的排版

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

2016-12-27 ‧ 由 Fuyaode 分享
DAY 13

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

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

2016-12-28 ‧ 由 Fuyaode 分享
DAY 14

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

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

2016-12-29 ‧ 由 Fuyaode 分享
DAY 15

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

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

2016-12-30 ‧ 由 Fuyaode 分享
DAY 16

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

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

2016-12-31 ‧ 由 Fuyaode 分享
DAY 17

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

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

2017-01-01 ‧ 由 Fuyaode 分享
DAY 18

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

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

2017-01-02 ‧ 由 Fuyaode 分享
DAY 19

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

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

2017-01-03 ‧ 由 Fuyaode 分享
DAY 20

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

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

2017-01-04 ‧ 由 Fuyaode 分享