鐵人檔案
這是一個使用React Native開發技術製作的點餐APP，打算分為管理者跟使用者版本，練習JS ES6語法再搭配React框架。
昨天我們介紹了如何規劃使用列表元件 FlatList 來渲染資料。現在，接下來的步驟就是準備資料，並將這些資料填入列表元件中。 開發流程： 安裝 Axios：...
昨天分享如何從API伺服器透過axios發送API請求得到資料顯示在FlatList中 今天緊接著介紹如何讓使用者將餐點放進購物車 流程 1.找到每一筆餐點的按...
接下來，分享的是要如何再載入頁面將Menu從API Server讀取回來顯示在頁面列表 在頁面原件上建立狀態 (資料是否Loading中、存放API讀回的Me...
今天來分享製作第二個頁面-購物車主要製作流程： 在 screens資料夾下新增 ShoppingCart.js 這一支檔案 import 必要模組 (表頭元件...
今天要分享的是，由於考慮到使用者以及管理者版本都需要用到類別的UI元件，只是再傳入字串的不同，所以可以考慮封裝成程式元件管理，以下步驟 在 component...
今天來分享，由於此專案有分為顧客版、業主版，這兩者的差異僅在於頁面路由不同，主題色Layout皆是相同，如果重新開一份cli專案，挺麻煩又得重工，這時候可以透過...
撰寫按鈕事件 以Alert彈窗方式詢問使用者 撰寫發送API 以及 回調事件處理 1.TouchableOpacity按鈕元件：在UI中使用了 Toucha...
今天來分享在業主版的APP中，查看訂單狀態的類別切換元件，將其封裝成元件管理，並改善寫法： import React, {useState} from 'rea...
今天想和大家分享的是，當我們已經有了購物車清單列表後，下一步就是撰寫點擊事件。希望點擊清單中的餐點時，可以觸發一個彈跳視窗，然後將餐點內容轉換成 QR Code...
回顧 今天是發文的第30天，我想分享一下這段期間製作找餐店APP的回顧。從最初的想法發想到執行，每個環節都非常重要。無論是發想概念（concept）、畫面的呈現...