iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Mobile Development

30天用React native製作app!! 系列

我準備用30天的時間來學習React native並且開發App,從零開始,分享學習與開發歷程。

鐵人鍊成 | 共 30 篇文章 | 25 人訂閱 訂閱系列文 RSS系列文
DAY 21

[蚊子的Day21] 使用useContext更改暱稱~React Native

接續上篇,今天來做答題區以及判斷答題是否正確,主要會用到<TextInput>與<TouchableHighlight>標籤以及使用到H...

2020-09-27 ‧ 由 humichen 分享
DAY 22

[蚊子的Day22]useEffect+AsyncStorage將狀態變數存在手機裡~React Native

前面講了運用useState和useContext可以讓App可以做一些狀態的改變,但是如果將App關掉重開你會發現之前做改變又全部回到初始狀態了,這時候就需要...

2020-09-28 ‧ 由 humichen 分享
DAY 23

[蚊子的Day23]記錄上次關閉前的畫面~React Native

上篇說到將狀態變數記錄在手機端裡,其實不止狀態變數,上次關閉前的頁面也可以被記錄下來。 在<NavigationContainer>標籤有個參數名為...

2020-09-29 ‧ 由 humichen 分享
DAY 24

[蚊子的Day24]利用記錄上次關閉頁面功能做一個「擬似」登入頁面~React Native

雖然是叫做「登入頁面」,但是我需要的功能其實比較像是第一次使用App的時候需要先輸入基本資料的概念,並不是需要連到伺服器去創建帳號,所以我使用這個方法做出來的不...

2020-09-30 ‧ 由 humichen 分享
DAY 25

[蚊子的Day25]淡入動畫~React Native

React Native支援View、Text、Image、ScrollView、FlatList、SectionList等標籤設定動畫,其他元件也可使用Ani...

2020-10-01 ‧ 由 humichen 分享
DAY 26

[蚊子的Day26]排行榜的製作-Firebase的使用~React Native

我因為要製作使用者們完成任務速度的排行榜,所以需要使用到Firebase。 Firebase簡介 Firebase是一個提供後台雲端服務的公司,在2014年被G...

2020-10-02 ‧ 由 humichen 分享
DAY 27

[蚊子的Day27]Firebase使用-App端的設定~React Native

!重要提醒!開始使用Firebase之前一定要先存好一份備份或是使用git喔!安裝完Firebase後有可能會因為不知名的原因程式整個crash掉,我第一次安裝...

2020-10-03 ‧ 由 humichen 分享
DAY 28

[蚊子的Day28]Firebase指令運用-上傳~React Native

前兩篇講完Firebase網頁端與App端的設定,今天來使用Firebase指令來將資料上傳。 要將資料上傳到firebase的指令為: firebase.da...

2020-10-04 ‧ 由 humichen 分享
DAY 29

[蚊子的Day29]Firebase指令運用-下載~React Native

上篇提到了完成任務後暱稱與完成時間會上傳到Firebase資料庫中,今天就把這些資料下載下來作為排行榜~ 要向firebase取得資料的指令為: var ran...

2020-10-05 ‧ 由 humichen 分享
DAY 30

[蚊子的Day30]發布App&完成影片~React Native

30天過去,從設計UI到撰寫程式,總算完成了我的迎新活動用App,現在就只差發布了! 發布App 藉由Expo發布App其實很簡單,首先,到專案執行的網站上點選...

2020-10-06 ‧ 由 humichen 分享