iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-SideProject30

用React Native打造找餐店APP 系列

這是一個使用React Native開發技術製作的點餐APP,打算分為管理者跟使用者版本,練習JS ES6語法再搭配React框架。

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

[Day 11] 從使用者介面到發想資料格式(二)

前言:昨天分享了如何從首頁設計資料欄位,並大致掌握了設計方法。之後的畫面設計應該也可以沿用此方法進行。 接下來對第二個畫面進行設計: 購物車頁面: 可以看到...

2024-08-11 ‧ 由 yc1996 分享
DAY 12

[Day 12] 從使用者介面到發想資料格式(三)

前言:前兩天分享在使用者版本APP如何從頁面設計到設計資料欄位,已經設計兩頁,發現這挑戰其實沒有很難,期待可以繼續往下一個任務邁進。 訂單追蹤 從以上這個...

2024-08-12 ‧ 由 yc1996 分享
DAY 13

[Day 13] 從介面到發想資料格式(四)

前言:前面幾天將客人看到點餐畫面進行了資料格式發想,這樣逐步的使我們更知道畫面跟資料怎麼串起來 接下來,會來介紹早餐店老闆如果透過APP來管理餐點! 從以...

2024-08-13 ‧ 由 yc1996 分享
DAY 14

[Day 14] 從介面到發想資料格式(五)

前言:昨天分享了當餐廳老闆在使用APP時,在訂單管理頁面會操作甚麼功能,進而決定他需要哪一些資料欄位使用 緊接著,要分享第二個 Views :餐點管理 基...

2024-08-14 ‧ 由 yc1996 分享
DAY 15

[Day 15] 從介面到發想資料格式(最後)

前言:昨天分享了以餐廳老闆身分操作的APP介面,並探討了餐點管理的元素,進而設計了相關的資料格式。今天,我們將探討顧客QA頁面的前後端資料格式,了解顧客的反饋...

2024-08-15 ‧ 由 yc1996 分享
DAY 16

[Day 16] 功能開發-安裝依賴

前言:之前已分享發想階段到將APP畫面構想出來,心中對於APP的藍圖越來越清晰了接下來幾天會分享開發階段歷程、遇到&如何面對解決問題等等 有了藍圖後...

2024-08-16 ‧ 由 yc1996 分享
DAY 17

[Day 17] 功能開發-製作分頁

昨天分享了此專案中會安裝的套件有哪些。首先,我的第一步就是將 APP 的 路由設定建立,串聯好每個頁面的連結性。今天的目標就是完成這個部分! 由於要使用的套件是...

2024-08-17 ‧ 由 yc1996 分享
DAY 18

[Day 18] 功能開發-來切第一個頁面吧

1.在 Screens 資料夾下建立一支 HomeMain.js 2.用 <View>標籤包裹起來 用了flex特性 預設佔滿螢幕的高度=>這...

2024-08-18 ‧ 由 yc1996 分享
DAY 19

[Day 19] 功能開發-學習建立組件

昨天,我們已經建立好 navigation 容器,接下來會新增頁面,並製作頁面表頭組件。以下是具體步驟: 1.建立 Order.js //import lira...

2024-08-19 ‧ 由 yc1996 分享
DAY 20

[Day 20] 功能開發-列表顯示元件

在React Native中, 是一個非常常用的元件,特別適合用來顯示大型的列表數據。以下是如何使用它以及它常用的props介紹。 1.從 react-nati...

2024-08-20 ‧ 由 yc1996 分享