第八屆 佳作

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

系列文章

DAY 21

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

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

DAY 22

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

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

DAY 23

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

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

DAY 24

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

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

DAY 25

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

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

DAY 26

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

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

DAY 27

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

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

DAY 28

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

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

DAY 29

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

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

DAY 30

React Native 好用套件分享

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