iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

React Native 奇幻之旅 系列

為了督促自己保持學習狀態、複習所學過的東西以及分享實作經驗而參賽(x)
預期分享的內容包括:RN內建組件/APIs的使用、Styling、Navigation、常用套件bug解決方式、Debugging、build…等內容

鐵人鍊成 | 共 31 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

【DAY1】前言

前言 這是我第一次報鐵人賽,報名原因是為了督促自己學習、複習所學過的東西,以及分享自己的一些實作經驗。現在RN的文章網上一搜就有很多,因此我就不再生出類似的東西...

2023-09-01 ‧ 由 wtlcqb 分享
DAY 2

【DAY2】RN內建組件(1)-TextInput

如果要為APP設計一個共用的輸入框組件會需要有哪些功能和要注意的地方呢? 根據我常用的APP所設計的輸入框,我總結了幾個基本的需求: 需給定合適的輸入框寬...

2023-09-02 ‧ 由 wtlcqb 分享
DAY 3

【DAY3】RN內建組件(2)-Touchables*

React Native 內建的點擊類組件(統稱為Touchables*)有以下幾種: TouchableHighlight TouchableOpacity...

2023-09-03 ‧ 由 wtlcqb 分享
DAY 4

【DAY4】RN內建組件(3)-Modal

個人覺得 React Native 內建的 Modal 組件對初學者來說非常不友好,因為需要多做很多額外的處理,大部分時候我都會選擇使用 react-nativ...

2023-09-04 ‧ 由 wtlcqb 分享
DAY 5

【DAY5】RN內建組件(4)-FlatList

這篇分享的是 FlatList 使用上常常會遇到的問題和解決方式。 The same orientation warning VirtualizedLists...

2023-09-05 ‧ 由 wtlcqb 分享
DAY 6

【DAY6】RN內建組件(5)-Image

終於到內建組件最後一天了! 今天要分享的是 Image 組件容易讓人混淆的一些用法,如果不是真的踩過這些坑的話光看官方文檔是很難一下就理解的 XD 圖像來源 圖...

2023-09-06 ‧ 由 wtlcqb 分享
DAY 7

【DAY7】簡化 import 區塊

下方為一個組件中的 import 區塊,現在看起來還算是簡潔的因為 import 的東西不多,但當 import 的內容越來越多時就會顯得雜亂,該如何簡化呢?...

2023-09-07 ‧ 由 wtlcqb 分享
DAY 8

【DAY8】在 React Native 中使用 Icon

要在 RN 中使用圖標可以安裝 react-native-vector-icons 這個庫,這些是它支持的圖標集: 這篇文章主要是教 react-native...

2023-09-08 ‧ 由 wtlcqb 分享
DAY 9

【DAY9】React Native - 狀態欄(Statusbar)

這篇文章會介紹一些關於 StatusBar 的特性和使用方式。 Statusbar 的特性 barStyle default 在 iOS 預設為 dark-c...

2023-09-09 ‧ 由 wtlcqb 分享
DAY 10

【DAY10】React Native - 樣式(Styling)

React 是 component-based,遵循 CSS-in-JS 方法來設定組件樣式。CSS in JS 的主要優點之一是允許將樣式與組件直接綁定,能避...

2023-09-10 ‧ 由 wtlcqb 分享