第八屆 佳作

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

系列文章

DAY 1

React Native 航向真全端 啟航 !!

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

DAY 2

React Native 環境建置

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

DAY 3

如何新增一個 React Native 專案

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

DAY 4

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

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

DAY 5

React Native StyleSheet - App 的面子

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

DAY 6

React Native 基礎元件 <View> 簡介

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

DAY 7

React Native 基礎元件 <Text> 簡介

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

DAY 8

React Native 基礎元件 <Image> 簡介

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

DAY 9

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

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

DAY 10

React Native 基礎元件 <ListView> 簡介

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