之前已經挑戰接觸過不同的跨平台開發工具,這次決定挑戰React Native,目標是在30天內從零開始,逐步打造一個簡易的應用程式。這個系列文章將記錄我的學習心得,希望能掌握一項新的技術!
調整任務細節頁面 首先我們先調整我們的任務細節頁面 // src\pages\task-detail.page.tsx import React, { useS...
今天來調整設定頁面,並且創建使用者頁面。然後修改bottom下方的按鈕。 創建使用者頁面 首先我們先創建使用者的類型和狀態。 // src/types/inde...
有時候,我們想要存儲一些資料在使用者的裝置上來做使用。在Web App中,我們可以使用localStorage和Cookie來將一些資料存儲在瀏覽器上。但在Re...
我們先安裝MMKV來管理我們的資料。react-native-mmkv,這裡安裝2.12.2版本。記得要重新build。 創建一個用來操作Task的servic...
我們今天來創建存儲使用者在本地。 創建狀態和service 創建user service,並且登入部份我們先使用mock方法來模擬 // src\service...
我們今天來使用react native的路由套件,我們使用React Navigation。 設置路由環境 安裝@react-navigation/native...
之後我們將串接後端,但我們著重在react native app上,所以我們會使用BAAS來簡化我們後端的開發,今天我們先介紹什麼是BAAS BaaS (Bac...
我們今天使用docker來創建本地的parse server。 創建環境 步驟1:創建項目結構 首先,讓我們在根目錄創建一個名為server的文件夾,用於存放所...
今天我們開始在react native設置,並連接到我們的parse server上。 首先我們先安裝套件: parse @parse/react-native...
打開Parse Dashboard![[Pasted image 20241004231433.png]]點擊Create a class來創建Class,命名...