iT邦幫忙

鐵人檔案

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

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

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

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

React Native App 實戰 (四) 首頁 - 卡片元件

今天我們要來刻一個簡單的卡片 UI,可以簡單的搭配 ScrollView 或是 ListView 就能完成漂亮的首頁了,主要還是用到了 FlexBox 來排版可...

2017-01-05 ‧ 由 Fuyaode 分享
DAY 22

React Native App 實戰 (五) 首頁 - 實戰 ListView

前兩天的實戰(三)、(四)已經把首頁完成一半了,但是目前首頁的部分還是使用 View 來簡單顯示我們做的 Component,今天要使用 ListView 串接...

2017-01-06 ‧ 由 Fuyaode 分享
DAY 23

React Native App 實戰 (六) PostDetail - 商品頁面

昨天我們已經把 Home 完成並且點了下面的商品會進入 PostDetail,PostDetail 目前還是使用之前簡單的 Card 擋一下,今天要把他刻漂亮一...

2017-01-07 ‧ 由 Fuyaode 分享
DAY 24

React Native App 實戰 (七) 第一次開啟 APP 介紹頁面

這幾天的實戰當中已經把一些簡單的 App 完成了,完成後當然是要來修飾摟,很多 App 在第一次開啟的時候都會有介紹的頁面,來跟使用者說明這個 App 怎麼使用...

2017-01-08 ‧ 由 Fuyaode 分享
DAY 25

React Native App 實戰 (八) 記錄設定檔

今天要來簡單教一個之前基礎教學漏掉的 AsyncStorage 簡單的來說就是瀏覽器當中的 localStorage 他能把 key 記錄下來,下次讀取出來使用...

2017-01-09 ‧ 由 Fuyaode 分享
DAY 26

React Native App 實戰 (九) 幫 App 換上 Icon

App 除了開起來要漂亮,當然門面也很重要,今天要來教大家怎麼把 React Native 的 App 換上自己的 icon 吧,其實這邊也不是 React N...

2017-01-10 ‧ 由 Fuyaode 分享
DAY 27

React Native App 實戰 (十) Android 打包 apk

基本上我們已經把一個 App 寫完摟,那最後就是要把他打包才能上架,那 React Native 怎麼打包呢? 需要一把 key 我們可以用 keytool 生...

2017-01-11 ‧ 由 Fuyaode 分享
DAY 28

React Native App 遠端更新程式 Code Push (一)

React Native 他有個特殊的功能,可以 Hot Deploy ,意思就是說可以上架完 App 後在更新程式碼,昨天有介紹到,打包 Apk 的時候需要先...

2017-01-12 ‧ 由 Fuyaode 分享
DAY 29

React Native App 遠端更新程式 Code Push (二)

我們在 Code Push (一),已經把 Code Push 安裝好並註冊了,那樣怎麼使用呢?這邊介紹幾個 Code Push 提供的基本功能 check...

2017-01-13 ‧ 由 Fuyaode 分享
DAY 30

達標好文 React Native 好用套件分享

鐵人賽最後一天了,如果各位有成功入坑的話,想必已經躍躍欲試了吧? 俗話說工欲善其事,必先利其器,雖然很多漂亮的元件官方沒有給,但是網路上有很多開源的,這邊我就介...

2017-01-14 ‧ 由 Fuyaode 分享