跳到主要內容

簡介

歡迎來到您的 React Native 旅程的起點!如果您正在尋找入門說明,它們已移至它們自己的章節。繼續閱讀以瞭解文件、原生組件、React 等的簡介!

許多不同類型的人都在使用 React Native:從進階 iOS 開發人員到 React 初學者,再到職涯中首次開始程式設計的人。這些文件是為所有學習者編寫的,無論他們的經驗水平或背景如何。

如何使用這些文件

您可以從這裡開始,像讀書一樣線性地閱讀這些文件;或者您可以閱讀您需要的特定章節。已經熟悉 React 了嗎?您可以跳過該章節,或者閱讀它以輕鬆複習一下。

先決條件

若要使用 React Native,您需要瞭解 JavaScript 基礎知識。如果您是 JavaScript 新手或需要複習,您可以深入瞭解或在 Mozilla 開發人員網路複習

雖然我們盡力假設您不具備 React、Android 或 iOS 開發的先備知識,但對於有抱負的 React Native 開發人員來說,這些都是有價值的學習主題。在合理的情況下,我們已連結到更深入的資源和文章。

互動式範例

本簡介讓您可以立即在瀏覽器中開始使用互動式範例,例如這個範例

以上是 Snack Player。它是 Expo 建立的一個方便工具,用於嵌入和執行 React Native 專案,並分享它們在 Android 和 iOS 等平台中的呈現方式。程式碼是即時且可編輯的,因此您可以直接在瀏覽器中進行操作。繼續嘗試將上面的「Try editing me!」文字變更為「Hello, world!」

或者,如果您想要設定本機開發環境,您可以按照我們的指南在本機電腦上設定您的環境,並將程式碼範例貼到您的專案中。(如果您是網頁開發人員,您可能已經設定了本機環境以進行行動瀏覽器測試!)

開發人員注意事項

來自許多不同開發背景的人員正在學習 React Native。您可能具有從網頁到 Android 到 iOS 等各種技術的經驗。我們嘗試為來自所有背景的開發人員編寫文件。有時我們會提供特定於一個平台或另一個平台的說明,如下所示

Web 開發人員可能熟悉這個概念。

格式設定

選單路徑以粗體書寫,並使用插入符號來導覽子選單。範例:Android Studio > 偏好設定


現在您已經瞭解本指南的運作方式,是時候開始瞭解 React Native 的基礎:原生組件了。