這是一個使用React Native開發技術製作的點餐APP,打算分為管理者跟使用者版本,練習JS ES6語法再搭配React框架。
前言:昨天分享了如何從首頁設計資料欄位,並大致掌握了設計方法。之後的畫面設計應該也可以沿用此方法進行。 接下來對第二個畫面進行設計: 購物車頁面: 可以看到...
前言:前兩天分享在使用者版本APP如何從頁面設計到設計資料欄位,已經設計兩頁,發現這挑戰其實沒有很難,期待可以繼續往下一個任務邁進。 訂單追蹤 從以上這個...
前言:前面幾天將客人看到點餐畫面進行了資料格式發想,這樣逐步的使我們更知道畫面跟資料怎麼串起來 接下來,會來介紹早餐店老闆如果透過APP來管理餐點! 從以...
前言:昨天分享了當餐廳老闆在使用APP時,在訂單管理頁面會操作甚麼功能,進而決定他需要哪一些資料欄位使用 緊接著,要分享第二個 Views :餐點管理 基...
前言:昨天分享了以餐廳老闆身分操作的APP介面,並探討了餐點管理的元素,進而設計了相關的資料格式。今天,我們將探討顧客QA頁面的前後端資料格式,了解顧客的反饋...
前言:之前已分享發想階段到將APP畫面構想出來,心中對於APP的藍圖越來越清晰了接下來幾天會分享開發階段歷程、遇到&如何面對解決問題等等 有了藍圖後...
昨天分享了此專案中會安裝的套件有哪些。首先,我的第一步就是將 APP 的 路由設定建立,串聯好每個頁面的連結性。今天的目標就是完成這個部分! 由於要使用的套件是...
1.在 Screens 資料夾下建立一支 HomeMain.js 2.用 <View>標籤包裹起來 用了flex特性 預設佔滿螢幕的高度=>這...
昨天,我們已經建立好 navigation 容器,接下來會新增頁面,並製作頁面表頭組件。以下是具體步驟: 1.建立 Order.js //import lira...
在React Native中, 是一個非常常用的元件,特別適合用來顯示大型的列表數據。以下是如何使用它以及它常用的props介紹。 1.從 react-nati...