iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 2 留言 3259 瀏覽

鐵人賽 Mobile Development DAY 30

卡卡30天學 React Native 系列第 30 篇

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

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

熟女卡卡 ‧ 2021-10-15 ‧團隊一隻狗狗發大財

0 Like 0 留言 3328 瀏覽

鐵人賽 Mobile Development DAY 29

卡卡30天學 React Native 系列第 29 篇

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

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

熟女卡卡 ‧ 2021-10-14 ‧團隊一隻狗狗發大財

0 Like 0 留言 1966 瀏覽

鐵人賽 Mobile Development DAY 28

卡卡30天學 React Native 系列第 28 篇

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

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

熟女卡卡 ‧ 2021-10-13 ‧團隊一隻狗狗發大財

0 Like 1 留言 1820 瀏覽

鐵人賽 Mobile Development DAY 27

卡卡30天學 React Native 系列第 27 篇

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

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

熟女卡卡 ‧ 2021-10-12 ‧團隊一隻狗狗發大財

0 Like 0 留言 1640 瀏覽

鐵人賽 Mobile Development DAY 26

卡卡30天學 React Native 系列第 26 篇

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

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

熟女卡卡 ‧ 2021-10-11 ‧團隊一隻狗狗發大財

0 Like 0 留言 812 瀏覽

鐵人賽 Modern Web DAY 21

React Native & Redux 初步探討系列第 21 篇

技術 Day 21 單向資料流

第 21 天 ! 我們來了解 react 的資料流(data flow)，在我們之前做的To Do List範例來說，在設定資料的時候，只單純在 App...

阿毛 ‧ 2021-10-06

0 Like 0 留言 1822 瀏覽

鐵人賽 Mobile Development DAY 25

卡卡30天學 React Native 系列第 25 篇

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

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

熟女卡卡 ‧ 2021-10-10 ‧團隊一隻狗狗發大財

0 Like 0 留言 701 瀏覽

鐵人賽 Modern Web DAY 20

React Native & Redux 初步探討系列第 20 篇

技術 Day 20 To Do List - 封裝

第 20 天～走到了三分之二了～！！！好激動阿！！再接再厲～加油！昨天把 To Do List 的邏輯全都完成了，我們今天來聊聊關於 compo...

阿毛 ‧ 2021-10-05

0 Like 0 留言 1302 瀏覽

鐵人賽 Mobile Development DAY 24

卡卡30天學 React Native 系列第 24 篇

技術 [ 卡卡 DAY 24 ] - React Native 表單套件用 Formik 搭配 Yup 驗證（下）

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

熟女卡卡 ‧ 2021-10-09 ‧團隊一隻狗狗發大財

0 Like 0 留言 2375 瀏覽

鐵人賽 Mobile Development DAY 23

卡卡30天學 React Native 系列第 23 篇

技術 [ 卡卡 DAY 23 ] - React Native 表單套件用 Formik + Yup 驗證（上）

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

熟女卡卡 ‧ 2021-10-08 ‧團隊一隻狗狗發大財

0 Like 0 留言 838 瀏覽

鐵人賽 Modern Web DAY 19

React Native & Redux 初步探討系列第 19 篇

技術 Day 19 To Do List - 加入邏輯 2

第 19 天～昨天做到了，新增項目的部分，像這樣：改變狀態當我們可以成功的展示新增的項目後，我們希望可以按一下項目，就讓他切換完成｜未完成，...

阿毛 ‧ 2021-10-04

0 Like 0 留言 700 瀏覽

鐵人賽 Modern Web DAY 18

React Native & Redux 初步探討系列第 18 篇

技術 Day 18 To Do List - 加入邏輯 1

第 18 天～昨天已經把畫面給佈置好了有了畫面，但是沒有任何的邏輯，所以現在任何操作其實都不會有相關的邏輯今天我們來把相關的邏輯給建立起來， react...

阿毛 ‧ 2021-10-03

0 Like 0 留言 1198 瀏覽

鐵人賽 Modern Web DAY 17

React Native & Redux 初步探討系列第 17 篇

技術 Day 17 To Do List - 切版 2

第 17 天！昨天我們建立了， To Do List 專案這是我們預期的畫面，昨天做到今天我們來完成最後下面的代辦事項列表這代辦事項必須要有兩種狀態...

阿毛 ‧ 2021-10-02

0 Like 1 留言 1234 瀏覽

鐵人賽 Mobile Development DAY 22

卡卡30天學 React Native 系列第 22 篇

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

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

熟女卡卡 ‧ 2021-10-07 ‧團隊一隻狗狗發大財

1 Like 0 留言 4015 瀏覽

鐵人賽 Mobile Development DAY 21

卡卡30天學 React Native 系列第 21 篇

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

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

熟女卡卡 ‧ 2021-10-06 ‧團隊一隻狗狗發大財

0 Like 0 留言 4251 瀏覽

鐵人賽 Mobile Development DAY 20

卡卡30天學 React Native 系列第 20 篇

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

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

熟女卡卡 ‧ 2021-10-05 ‧團隊一隻狗狗發大財

0 Like 0 留言 1341 瀏覽

鐵人賽 Modern Web DAY 16

React Native & Redux 初步探討系列第 16 篇

技術 Day 16 To Do List - 切版 1

第 16 天～在前面說了那麼多的理論，今天我們試著做一個簡單的東西，就是大家都很不陌生的 TO。DO。LIST 首先先開個新專案出來吧 react-na...

阿毛 ‧ 2021-10-01

0 Like 0 留言 5127 瀏覽

鐵人賽 Mobile Development DAY 19

卡卡30天學 React Native 系列第 19 篇

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

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

熟女卡卡 ‧ 2021-10-04 ‧團隊一隻狗狗發大財

0 Like 0 留言 643 瀏覽

鐵人賽 Modern Web DAY 15

React Native & Redux 初步探討系列第 15 篇

技術 Day 15 Platform module

15 天了，沒想到過半了，再接再厲～～講了幾天的 React ，現在讓我們把焦點拉回 React Native React Native 是跨平台的，雖然...

阿毛 ‧ 2021-09-30

0 Like 0 留言 1739 瀏覽

鐵人賽 Mobile Development DAY 18

卡卡30天學 React Native 系列第 18 篇

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

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

熟女卡卡 ‧ 2021-10-03 ‧團隊一隻狗狗發大財

0 Like 0 留言 1012 瀏覽

鐵人賽 Mobile Development DAY 14

30 天程式邊緣人 - React Native 的孤獨開發指南系列第 14 篇

技術 [Day14] React Native - Redux Saga

Create Action 在建立 Saga 之前，我們要先建立對應的 action ，以前一篇 EDIT_USERNAME 為例，當我們發出一個任務後，就會有...

Edmond ‧ 2021-09-29 ‧團隊想吃羊肉爐

0 Like 0 留言 1358 瀏覽

鐵人賽 Mobile Development DAY 17

卡卡30天學 React Native 系列第 17 篇

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

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

熟女卡卡 ‧ 2021-10-02 ‧團隊一隻狗狗發大財

1 Like 1 留言 3444 瀏覽

鐵人賽 Mobile Development DAY 16

卡卡30天學 React Native 系列第 16 篇

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

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

熟女卡卡 ‧ 2021-10-01 ‧團隊一隻狗狗發大財

0 Like 0 留言 2187 瀏覽

鐵人賽 Mobile Development DAY 13

30 天程式邊緣人 - React Native 的孤獨開發指南系列第 13 篇

技術 [Day13] React Native - 整理資料流，使用 Redux 吧！

Redux 官網在還沒有加入Redux之前，資料在APP中各個view的傳遞會需要翻山越嶺，經過一個庄再到一庄：有了 Redux 後，所有的資料就會在最上...

Edmond ‧ 2021-09-28 ‧團隊想吃羊肉爐

0 Like 0 留言 3800 瀏覽

鐵人賽 Mobile Development DAY 15

卡卡30天學 React Native 系列第 15 篇

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

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

熟女卡卡 ‧ 2021-09-30 ‧團隊一隻狗狗發大財

0 Like 0 留言 776 瀏覽

鐵人賽 Mobile Development DAY 12

30 天程式邊緣人 - React Native 的孤獨開發指南系列第 12 篇

技術 [Day12 - React Native] 為你的 APP 加入 icon - Android

接下來要為 Android App 加上 icon，回到 icon 的資料夾： Android 點進 android 資料夾後，到以下路徑 android/a...

Edmond ‧ 2021-09-27 ‧團隊想吃羊肉爐

0 Like 0 留言 3300 瀏覽

鐵人賽 Mobile Development DAY 14

卡卡30天學 React Native 系列第 14 篇

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

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

熟女卡卡 ‧ 2021-09-29 ‧團隊一隻狗狗發大財

0 Like 0 留言 5580 瀏覽

鐵人賽 Mobile Development DAY 13

卡卡30天學 React Native 系列第 13 篇

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

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

熟女卡卡 ‧ 2021-09-28 ‧團隊一隻狗狗發大財

0 Like 0 留言 675 瀏覽

鐵人賽 Mobile Development DAY 11

30 天程式邊緣人 - React Native 的孤獨開發指南系列第 11 篇

技術 [Day11 - React Native] 為你的 APP 加入 icon - iOS

現在有了 LOGO 也有了 APP 專案，我們就可以先把 APP 的 icon 放到我們的 APP 中了！以下是先前轉出的檔案： iOS 點進去 iOS 資料...

Edmond ‧ 2021-09-26 ‧團隊想吃羊肉爐

0 Like 0 留言 1634 瀏覽