鐵人檔案
在這場30天的React Native學習之旅中，將帶領讀者從最基礎的概念、環境搭建開始，逐步深入到組件、API的活用及開發技巧。
一款APP往往包含多個頁面，所以頁面間的導航管理相當重要。RN官方未提供內建導航工具，目前社區主流是React Navigation，本篇將會介紹React N...
圖片加載方式 首先，讓我們了解Image組件的四種加載方式： 靜態圖片：本地圖片。 由於這些圖片已整合於應用程式包中，加載速度極快，性能很好。另外也建議對圖...
React Native提供了兩種動畫API LayoutAnimation和Animated，Animated是較常用的一個，可以實現多種精細動畫效果。本篇將...
雖然React Native內建的 Animated API 可以滿足基本的動畫需求。但是隨著我們對動畫質量和流暢性的要求日益增高，內建的 Animated A...
WebView組件可以透過url展示一個網頁，或是傳入自訂的html顯示。 安裝 react-native-webview 由於React Native不再內建...
受控與非受控組件 我們首先要瞭解 受控組件 和 非受控組件。這兩者都可以達到所需效果，但它們在實現方式和適合的使用場景上有所差異。 非受控組件： 概念：...
在開發過程中，我們偶爾會遇到一些挑戰或者未預期的行為。今天，將介紹一個使用TextInput組件時遇到的一個有趣的問題。 問題描述 我們有一個輸入框。這個輸入框...
基本使用 將文字放入組件之間 <Text>hello world</Text> 這段程式碼會在APP中顯示"hello wo...
在 React Native 中，使用的單位尺寸是獨立像素（density-independent pixels）簡稱dp，不是真實的物理像素 physical...
在Instagram、Facebook，或是各種電商APP中，我們都可以在列表中向下滑動來查看更多內容。這種不間斷的滑動體驗就是所謂的「無限滾動」。在手機APP...
