A-Fu Design

Facebook Open Source React Native 升級到新的 React Native 版本 升級到新版本的 React Native 將使您可以訪問更多 API，視圖，開發人員工具和其他好東西。升級需要花費很少的精力，但我們會盡量讓您輕鬆完成。根據您是使用 create-react-native-app 還是 react-native init 來創建項目，說明略有不同。 創建React Native App項目 將Create React Native App項目升級到新版本的React Native需要更新package.json文件中的react-native，react和expo軟件包版本。請參閱此文檔以了解支持的版本。您還需要在app.json文件中設置正確的sdkVersion。 有關升級項目的最新信息，請參閱 CRNA user guide  使用本機代碼構建的項目 僅包含本機代碼的項目 本節僅適用於使用react-native init或使用Create React Native App製作的項目，這些項目已經彈出。有關彈出的詳細信息，請參閱Create React Native App存儲庫中的指南。 因為使用本機代碼構建的React Native項目基本上由Android項目，iOS項目和JavaScript項目組成，所以升級可能相當棘手。以下是從舊版本的React Native升級所需的操作。 基於Git升級 react-native-git-upgrade 模塊提供了一步操作來升級源文件，並且衝突最少。在引擎蓋下，它分為兩個階段： 首先，它計算舊模板文件和新模板文件之間的Git補丁 然後，補丁應用於用戶的源。 重要信息：您不必安裝新版本的react-native軟件包，它將自動安裝。 1. 安裝 Git 雖然您的項目不必由Git版本控制系統處理 - 您可以使用 Mercurial，SVN或什麼都沒有 - 您仍然需要在系統上安裝Git才能使用 react-native-git-upgrade。 Git 也需要在PATH 中提供。 2. .安裝 react-native-git-upgrade 模組...

Continue Reading

Facebook Open Source React Native 在設備上運行 在將應用程序發布給用戶之前，最好先在實際設備上測試您的應用程序。本文檔將指導您完成在設備上運行React Native應用程序並準備好進行生產的必要步驟。 如果您使用Create React Native App設置項目，則可以使用Expo應用程序掃描QR代碼，在設備上預覽應用程序。要在設備上構建和運行應用程序，您需要從“入門指南”中彈出並安裝本機代碼依賴項。 Android 為例 在Android設備上運行您的應用 開發系統: 以 window 為例 1. 啟用USB調試 默認情況下，大多數Android設備只能安裝和運行從Google Play下載的應用。您需要在設備上啟用USB調試才能在開發期間安裝應用程序。 要在設備上啟用USB調試，首先需要啟用“開發人員選項”菜單，方法是轉到設置→關於手機，然後點擊底部的內部版本號行七次。然後，您可以返回設置→開發人員選項以啟用“USB調試”。 2. 通過USB插入設備 現在讓我們設置一個Android設備來運行我們的React Native項目。繼續，通過USB將設備插入開發機器。 現在通過運行adb設備檢查您的設備是否正確連接到ADB，即Android Debug Bridge。 $ adb devices List of devices attached emulator-5554 offline # Google emulator 14ed2fcc device # Physical device 在右列中查看設備表示設備已連接。您一次只能連接一台設備。 3. 運行你的應用程序 在命令提示符下鍵入以下內容以在設備上安裝和啟動應用程序： $ react-native run-android 如果出現“網橋配置不可用”錯誤，請參閱 Using adb reverse. 提示 您還可以使用React Native CLI生成並運行Release版本 (e.g. react-native run-android --variant=release)....

Continue Reading

Facebook Open Source React Native 為 Apple TV 構建 已經實現了電視設備支持，目的是使現有的React Native應用程序在Apple TV和Android TV上“正常工作”，而應用程序的JavaScript代碼中幾乎不需要進行任何更改。 Android 為例 建立變化 本機層：要在Android TV上運行 React Native 項目，請確保對 AndroidManifest.xml 進行以下更改 <!-- Add custom banner image to display as Android TV launcher icon --> <application ... android:banner="@drawable/tv_banner" > ... <intent-filter> ... <!-- Needed to properly create a launch intent when running on Android TV --> <category android:name="android.intent.category.LEANBACK_LAUNCHER"/> </intent-filter> ... </application> JavaScript層：Platform.android.js中添加了對Android...

Continue Reading