iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Mobile Development

卡卡30天學 React Native 系列

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

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

[ 卡卡 DAY 21 ] - React Native 資料手機存起來 AsyncStorage

如果怕手機關掉東西就不見了來使用 AsyncStorage 將狀態存到手機也就是 local storage 裡吧! AsyncStorage 一個簡單、非...

2021-10-06 ‧ 由 熟女卡卡 分享
DAY 22

[ 卡卡 DAY 22 ] - React Native 元件害羞之骨架屏先讓你瞧 react-native-skeleton-placeholder

咦 大家有見網友的經驗嗎?在還沒見面前是否都是以照片來判斷這個人是不是自己的菜?網站也有一個時間是還沒 loading 好的時間差今天來教大家做一個 shap...

2021-10-07 ‧ 由 熟女卡卡 分享
DAY 23

[ 卡卡 DAY 23 ] - React Native 表單套件用 Formik + Yup 驗證 (上)

在網路上看到有人推薦 Formik不僅符合 react native 也可以在 react 上使用文件簡單易懂而且一直保有更新就因如此,今天我們來學習如何使用...

2021-10-08 ‧ 由 熟女卡卡 分享
DAY 24

[ 卡卡 DAY 24 ] - React Native 表單套件用 Formik 搭配 Yup 驗證 (下)

經過 Day23 的講解,大家應該都有初步的了解及安裝完畢吧 XD今天我們來運用 Formik 搭配 Yup 做個簡單表單畫面吧! 建立 Formik UI...

2021-10-09 ‧ 由 熟女卡卡 分享
DAY 25

[ 卡卡 DAY 25 ] - React Native 手機裝置 keyboard 問題之 右下角的 next and go 設定

一個表單沒有良好的 keyboard 操作,怎麼能說是一個好表單!!!!接續 Day23 + Day24到目前為止遇到三個問題 : 鍵盤上的 next go...

2021-10-10 ‧ 由 熟女卡卡 分享
DAY 26

[ 卡卡 DAY 26 ] - React Native 手機裝置 keyboard 之亂之鍵盤擋住元件與鍵盤點螢幕收起來

手機裝置切完版後才會發現啊~~~ 還沒完成今天我們來針對鍵盤擋住元件做個處理吧!!來介紹個插件 react-native-keyboard-aware-scr...

2021-10-11 ‧ 由 熟女卡卡 分享
DAY 27

[ 卡卡 DAY 27 ] - React Native keyboard 之亂之按螢幕就收鍵盤

若是鍵盤沒有之前教的設定 next 與 go 的機制打完字過後鍵盤就會收不起來這邊來跟大家分享一個叫做 TouchableWithoutFeedback 的...

2021-10-12 ‧ 由 熟女卡卡 分享
DAY 28

[ 卡卡 DAY 28 ] - React Native 自製 radio button + textarea

今天天外飛來一筆說需要 RN 表單畫面emergency!!!咦咦咦 啊怎麼只有 TextInputradio button 跟 textarea 怎麼都沒有...

2021-10-13 ‧ 由 熟女卡卡 分享
DAY 29

[ 卡卡 DAY 29 ] - React Native iOS 打包步驟及離線 jsbundle產生

因為實在有太多東西想分享了,但已經 29 天了我們先來個 iOS 打包步驟完成開發後再來就是要如何打包及送審發佈今天來嘗試分享這部分吧! 打包前情提要 基本...

2021-10-14 ‧ 由 熟女卡卡 分享
DAY 30

[ 卡卡 DAY 30 ] - React Native codepush iOS 熱更新

第一次認識 React Native 就是因為熱更新所以怎麼可以不介紹大家一下呢~AppCenter 熱更新(codepush) 你聽過嗎? 熱更新是什麼?...

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