iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Mobile Development

卡卡30天學 React Native 系列

React native
建立專案
UI
Style
iOS/android設定
完成project

鐵人鍊成 | 共 31 篇文章 | 23 人訂閱 訂閱系列文 RSS系列文 團隊一隻狗狗發大財
DAY 11

[ 卡卡 DAY 11 ] - React Native UI 元件(component) 介紹(上)

不論是 React 或著 React Native 最主要的亮點就是元件式開發做出很多獨立 元件(component),然後使用這些元件(component)...

2021-09-26 ‧ 由 熟女卡卡 分享
DAY 12

[ 卡卡 DAY 12 ] - React Native UI 元件(component) 介紹(下)

再來多介紹一個常會用到的 list 元件以及到目前的踩雷分享 :P 列表元件 VirtualizedList VirtualizedList 是 Fl...

2021-09-27 ‧ 由 熟女卡卡 分享
DAY 13

[ 卡卡 DAY 13 ] - React Native 頁面導覽 Navigation (上)

Navigation 的用處?在一個 App 中一定會有很多頁面,Navigation 提供簡單易用的跨平台導覽,不論在 iOS 和 Android 都可以進...

2021-09-28 ‧ 由 熟女卡卡 分享
DAY 14

[ 卡卡 DAY 14 ] - React Native 頁面導覽 Navigation (中)

昨天的文章中已將 navigation 安裝完成今天就要開始當導覽王了!一起來轉頁吧吧吧~ 事先準備 先建立一個頁面來當跳轉的頁面 .src...

2021-09-29 ‧ 由 熟女卡卡 分享
DAY 15

[ 卡卡 DAY 15 ] - React Native 頁面導覽 Navigation (下)

接下來要在頁面上按下按鈕跳頁以及按了左邊 header icon 回上一頁正所謂有去有回才不會不知道怎麼辦! 在 App.js 的 Home 建立一個換頁的...

2021-09-30 ‧ 由 熟女卡卡 分享
DAY 16

[ 卡卡 DAY 16 ] - React Native Animated 入門 + useNativeDriver 好棒棒

React Native 提供了 Animated 及 LayoutAnimation API給使用者有良好的體驗加點動畫是必須的 Animated API...

2021-10-01 ‧ 由 熟女卡卡 分享
DAY 17

[ 卡卡 DAY 17 ] - React Native 用 Animated 來做簡單骨架屏

上一章節講了 Animated 的使用我們運用 start() 來做個骨架屏唷! 製作 banner 骨架屏 引入 Animated import {...

2021-10-02 ‧ 由 熟女卡卡 分享
DAY 18

[ 卡卡 DAY 18 ] - React Native animated 來簡單使用 translate 效果

記得第一次使用到 css 的 animation 跟 transform 系列效果做了很多厲害的動畫東西飛來飛去轉來轉去這次我們來使用 React Nativ...

2021-10-03 ‧ 由 熟女卡卡 分享
DAY 19

[ 卡卡 DAY 19 ] - React Native 用 react-native-webview 實現 webview 跟 html render

在 App 需求中若頁面需要通過 URL 渲染遠端 HTML 頁面若頁面資料提供的是 html 字串在 React Native 該怎麼做呢?開始來用 rea...

2021-10-04 ‧ 由 熟女卡卡 分享
DAY 20

[ 卡卡 DAY 20 ] - React Native icon 用 react-native-vector-icons

react-native-vector-icons 是在看 React Native 所看到的這個套件自帶了十多種圖示庫,也可以將自定義圖示稍微做處理後在 R...

2021-10-05 ‧ 由 熟女卡卡 分享