React Native Boiler Plate下載 - React Native Boiler Plate源代碼下載

React Native Boiler Plate

其他源碼

1.0.0

下載

初學者的基本反應本機樣機（Android）

該項目是一種反應本機樣板，可用於啟動移動應用程序。

該樣板通過分離UI和Business Logic之間的關注點提供了優化用於構建固體跨平台移動應用程序的體系結構。它的報告令人驚訝地報導，以便可以在您的應用程序中降落的每片代碼。

If you love this boilerplate, give us a star, you will be a ray of sunshine in our lives :)

應用中心配置

該項目配置為Microsoft App Center用於崩潰分析。它也將有助於向質量保證團隊分發您的應用程序。 futhermore，CI/CD可以輕鬆實現。

您可以從androidappsrcmainassetsappcenter-config.json文件中進行應用。

安裝了庫

 "@react-native-community/async-storage": "^1.9.0",
    "@react-native-community/masked-view": "^0.1.9",
    "@react-navigation/native": "^5.1.5",
    "@react-navigation/stack": "^5.2.10",
    "axios": "^0.19.2",
    "react": "16.11.0",
    "react-native": "0.62.2",
    "react-native-config": "^1.0.0",
    "react-native-elements": "^1.2.7",
    "react-native-floating-action-button": "^0.2.2",
    "react-native-gesture-handler": "^1.6.1",
    "react-native-paper": "^3.8.0",
    "react-native-reanimated": "^1.8.0",
    "react-native-safe-area-context": "^0.7.3",
    "react-native-screens": "^2.4.0",
    "react-native-vector-icons": "^6.6.0"

建築學

該項目具有關注點，以提高靈活性和可持續性。關注點分為以下部分：

介紹層

展示層具有顯示在哪些組件和文件上顯示的所有組件和文件，這些位置和元素將為用戶以及用戶與系統進行交互。

動作層

動作層具有所有組件和文件，這些組件和文件將用於執行某些操作。例如，登錄方法，註冊方法，現場驗證器等。

網絡API調用

操作層具有所有組件和文件，用於執行API調用。該層將由Axios庫管理。

代碼部

代碼的劃分對於提高可重複性和提高靈活性是非常必要的。該項目以這種方式設計為歡迎所有更改。下面給出了一些部門：

UTILIS

UTILIS文件夾將具有所有文件以定義，標籤，cosntants和其他信息將在項目中使用的Utilis使用。

資產

資產文件夾將所有資源（例如圖像，音頻文件等）等資源。

config

配置文件夾將所有應用程序配置設置。

成分

組件文件夾將具有所有自定義組件，例如自定義文本字段，按鈕，標頭等。

樣式

STLYES文件夾將擁有所有CSS文件以提供項目級別的設計。該文件夾還包含顏色文件夾，以串聯定義主題顏色。

環境設置

每個人都想優化應用程序的分發方式進行快速測試。有時候，我們有單獨的服務器和QA，DEV，Stagging和Production的後端數據庫。該項目具有4個構建變體，即調試，質量保證，Stagging發行版，發行版。您可以從以下文件中更改變體配置。 .env.dev for Debug .env.qa for QA釋放.env.stagging stagging repartion .env.production生產釋放

QA發布，Stagging發行版，發行版將具有JS捆綁包，因此它將在沒有Node JS服務器的情況下執行，而Debug for Dev Team將需要Node JS（Metro Server運行）。

您可以從android/app/build.gradle更改每個變體的文件

 project.ext.envConfigFiles = [
    debug: ".env.dev",
    release: ".env.production",
    qarelease: ".env.qa",
    staggingrelease : ".env.stagging",
    anothercustombuild: ".env.qa",
]

使用樣板

使用樣板創建一個新項目：

克隆這個存儲庫
刪除先前的GIT歷史記錄：RM -RF .git/
通過NPM安裝安裝NPM依賴項，NPM安裝React-Native-CLI'
將項目重命名為您自己的項目名稱
在Android文件夾中創建local.properties文件，並像sdk.dir = c： android sdk一樣定義SDK路徑
在Android App Src Main Assets AppCenter-Config.json中更改App Secret

運行項目

假設您已安裝了所有要求，則可以通過運行來設置和運行項目：

創建APK（未簽名）

cd android ./gradlew clean assembleQarelease以創建QA釋放apk ./gradlew clean assembleStaggingrelease以創建stagging Release apk ./gradlew clean assembleRelease以創建釋放apk