iT邦幫忙

鐵人檔案

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

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

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

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

達標好文 React Native 航向真全端 啟航 !!

React Native 聰明的人一看到這名字,馬上就能聯想到它是 React 的親戚並且能開發 Native 原生應用 ,宗旨是 "Learn on...

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

React Native 環境建置

第一篇文章有提到,學 React Native 需要什麼,今天我們就來一一把環境建起來不過因為我的環境是 Mac,Windows 的朋友要注意喔,雖然大致上都是...

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

如何新增一個 React Native 專案

還沒有把 React Native 環境建置起來的朋友,可以參考這篇 React Native 環境建置 再繼續閱讀這篇喔 新增專案 react-native...

2016-12-18 ‧ 由 Fuyaode 分享
DAY 4

React Native 工欲善其事,必先利其器 開發小撇步

再看一本書時一定要先翻翻目錄,才能知道這本書值不值得讀,能學到什麼新東西,在使用新環境開發新東西時是一樣的道理,學會了經典的 Hello World 就要開始知...

2016-12-19 ‧ 由 Fuyaode 分享
DAY 5

React Native StyleSheet - App 的面子

寫 App 最有趣的地方除了功能好用外,我想最有成就感的地方就是把 App 打扮的漂漂亮亮的,然後去跟別人炫耀對吧,今天就來教怎麼定義屬於自己的樣式,總不能大家...

2016-12-20 ‧ 由 Fuyaode 分享
DAY 6

React Native 基礎元件 <View> 簡介

View 是 React Native 最常用的元件之一,就像是網頁當中的 div 一樣,是建構 React Native 的基礎,在建構專案和 Style S...

2016-12-21 ‧ 由 Fuyaode 分享
DAY 7

React Native 基礎元件 <Text> 簡介

本來預計今天要深入的介紹 React Native FlexBox 的,但是想想沒有其他元件做搭配排版,這樣顯得單調許多,所以接下來我會再多介紹一些元件。今天我...

2016-12-22 ‧ 由 Fuyaode 分享
DAY 8

React Native 基礎元件 <Image> 簡介

一款 App 裡面沒有圖片就太單調了,所以今天來介紹 React Native 元件裡面如何顯示圖片吧 Image 跟其他元件一樣可以直接使用 import {...

2016-12-23 ‧ 由 Fuyaode 分享
DAY 9

React Native 基礎元件 <Button>、<TouchableOpacity> 簡介

Button 在 React Native 其實算是特殊的,0.38 版以前的 React Native 並沒有 Button 這個元件的,都要用 &lt;To...

2016-12-24 ‧ 由 Fuyaode 分享
DAY 10

React Native 基礎元件 <ListView> 簡介

ListView 是最適合用來顯示重複數據的一種元件,ListView 他不會一次把所有數據顯示出來,而是有在螢幕上的資料他才會顯示出來,所以在效能上會比較好。...

2016-12-25 ‧ 由 Fuyaode 分享