iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 24
0
Modern Web

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

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

  • 分享至 

  • xImage
  •  

這幾天的實戰當中已經把一些簡單的 App 完成了,完成後當然是要來修飾摟,很多 App 在第一次開啟的時候都會有介紹的頁面,來跟使用者說明這個 App 怎麼使用或是特點,今天我們就把這部分補齊,使用的是這個套件 react-native-app-intro,不瞞各位說這是我開源的小 Component,可以方便快速的做一個有視差滾動的介紹頁面,使用方法也很簡單,想要幾個頁面就在裡面包幾個 View,然後可以在每個 child Component 設定 level 這樣子他就能知道這個視差滾動的強度。
完成結果

新增的 Code

今天新增的介紹頁面其實沒有什麼小技巧,主要是使用別人的 Component 時要把 Readme 看熟就能快速地使用,如果是很複雜很龐大的 Component 可以試試看把他的 Sample 跑起來看看,通常這樣子是最快的方法了。


有問題歡迎來 React Native Taiwan 問喔
創科資訊


上一篇
React Native App 實戰 (六) PostDetail - 商品頁面
下一篇
React Native App 實戰 (八) 記錄設定檔
系列文
React Native 航向真全端,建構雙平台 App30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言