鐵人檔案
在我的App中的「任務列表-地點篇」、「任務列表-資訊聯絡篇」以及它們的詳細裡有用到大量格式統一的資料，所以我打算用JSON的方式將這些資料彙整好以方便在App...
今天來製作地點篇與資訊聯絡篇的任務列表，會使用到昨天建好的JSON檔以及FlatList。 Flatlist可用來製作列表，其本身就是一個迴圈指令，使用時需要對...
在上篇有使用到一個名為<LocationDetail>的自訂元件，這篇就來講講自訂元件的用途～ React Native允許我們將會重複使用的標籤定...
我的App中有設計使用到了一些輸入框，當我把畫面都刻好了後卻發現了一個問題：手機的輸入鍵盤跳出後把輸入框全都擋住了！！ 我的解決方法就是加入<Keyboa...
在之前寫的[蚊子的Day10]頁面導覽Navigator-Stack Navigation～React Native這篇文章中有提到使用Stack Naviga...
接續上篇，今天來講tab bar的樣式設定。 加入Icon且根據頁面的不同Icon與說明文字會改變 首先將準備好要作為Icon的圖加到專案的資料夾裡。再來，在&...
我希望從任務列表切換到各任務內容詳細頁面時Tab bar可以暫時看不見，今天就來做此設定～ Stack 在開始講讓Tab bar看不見的方法之前先來提一下我畫面...
有些常用的變數值例如主要色的色碼、每個頁面統一的margin數值，如果決定更改某一項的數值則所有相關項目都得跟著改，但一個一個改的話又太麻煩了，這時就要靠常數了...
狀態變數state是記錄App內各種狀態的重要工具，今天就來講講要如何使用吧～ 狀態變數是一種特殊變數，一旦被修改，使用該變數的元件會被重新渲染，是近代前端框架...
我需要狀態變數來記錄使用者作答的情況，而且要在App每個頁面都可使用，這時就要使用useContext了！ 全域變數的設定 React提供createConte...
