鐵人檔案
為了督促自己保持學習狀態、複習所學過的東西以及分享實作經驗而參賽(x)
預期分享的內容包括：RN內建組件/APIs的使用、Styling、Navigation、常用套件bug解決方式、Debugging、build…等內容
假設設計 APP UI 時以 iphone 14 pro 為框架，那麼尺寸就是 393px*852px，但這尺寸包括了各種狀態欄、導航欄、工具列的高度，所以實際...
在 RN 中有兩種常見的測量組件尺寸方式： onLayout measure onLayout 有些時候會需要知道當前視圖的實際尺寸為何就可以用到 onLa...
這篇文章主要會提到一些我自己學習時會有疑問的點，所以安裝方式那些就不提啦。 Bottom tabs 基本寫法如下： import React from 'rea...
又是一些跟路由相關的內容，想到什麼就分享什麼吧。 TS 型別檢查 https://reactnavigation.org/docs/typescript N...
今天這篇會分享一些 navigation 小技巧。 Grouping React Navigation 6.x 版本新增了一個 Group 的組件，用於將 Sc...
幾乎所有應用程式都不可避免地需要使用表單（例如登入或註冊），因此表單的處理特別重要。 通常來說需要限制輸入的型別、長度以及格式，當表單一複雜時，判斷和驗證的程式...
這是一個很普通的表單畫面，左邊是 Android 右邊是 iOS。 當我們點擊輸入框時 Android 會自動在展開鍵盤的同時擠壓畫面以避免輸入框被鍵盤遮住，而...
有些時候我們會需要針對不同的環境設置不同的key、API...等，或者不希望把隱私的資料直接明晃晃寫出來，就可以將這些隱私資料存到環境變數(Enviroment...
這篇文章主要會分享在 RN 做持久化存儲的常見作法。 什麼是資料持久化？ 資料持久化是指將資料保存在非易失性儲存媒體中以便長期保留資料，意即關閉應用後重啟資料仍...
i18n 是什麼 i18n 是國際化（internationalization）的縮寫，開頭i跟n中間有18個英文字母所以簡稱叫 i18n。 簡單來說，i18...
