tsrntemp 1.0.3 → 1.0.4

package/README.md

@@ -48,4 +48,6 @@ const RouteArr: Array<RouteType> = [
 
 ##### requset
 - 使用的请求库为umi-reuest
-- [具体使用参照](https://www.npmjs.com/package/umi-request)
+- [具体使用参照](https://www.npmjs.com/package/umi-request)
+
+*路由已处理ios/android手势，页面跳转动画等统一性*

package/package.json

@@ -1,62 +1,26 @@
-{
-  "name": "tsrntemp",
-  "version": "1.0.3",
-  "private": false,
-  "scripts": {
-    "android": "react-native run-android",
-    "ios": "react-native run-ios",
-    "start": "react-native start",
-    "test": "jest",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
-  },
-  "keywords": ["react-native","template"],
-  "homepage": "https://github.com/wanngzelin/RNTemplate",
-  
-  "dependencies": {
-    "@react-native-masked-view/masked-view": "^0.2.6",
-    "@react-navigation/bottom-tabs": "^6.3.1",
-    "@react-navigation/native": "^6.0.10",
-    "@react-navigation/stack": "^6.2.1",
-    "react": "17.0.2",
-    "react-native": "0.67.4",
-    "react-native-gesture-handler": "^2.4.0",
-    "react-native-safe-area-context": "^4.2.4",
-    "react-native-screens": "^3.13.1",
-    "react-native-size-matters": "^0.4.0",
-    "react-native-svg": "^12.3.0",
-    "umi-request": "^1.4.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.9",
-    "@babel/runtime": "^7.12.5",
-    "@react-native-community/eslint-config": "^2.0.0",
-    "@types/jest": "^26.0.23",
-    "@types/react-native": "^0.66.15",
-    "@types/react-test-renderer": "^17.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.7.0",
-    "@typescript-eslint/parser": "^5.7.0",
-    "babel-jest": "^26.6.3",
-    "babel-plugin-module-resolver": "^4.1.0",
-    "babel-plugin-transform-remove-console": "^6.9.4",
-    "eslint": "^7.14.0",
-    "jest": "^26.6.3",
-    "metro-react-native-babel-preset": "^0.66.2",
-    "react-native-iconfont-cli": "^2.2.4",
-    "react-test-renderer": "17.0.2",
-    "typescript": "^4.4.4"
-  },
-  "resolutions": {
-    "@types/react": "^17"
-  },
-  "jest": {
-    "preset": "react-native",
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "jsx",
-      "json",
-      "node"
-    ]
-  }
-}
+{
+  "name": "tsrntemp",
+  "version": "1.0.4",
+  "description": "Clean and minimalist React Native template for a quick start with TypeScript.",
+  "scripts": {
+    "test": "exit 0"
+  },
+  "files": [
+    "template",
+    "template.config.js"
+  ],
+
+  "keywords": [
+    "react-native",
+    "typescript",
+    "jest",
+    "template",
+    "boilerplate"
+  ],
+  "author": "wang",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/wanngzelin/RNTemplate/issues"
+  },
+  "homepage": "https://github.com/wanngzelin/RNTemplate#readme"
+}

package/template/.gitignore

@@ -0,0 +1,60 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
+
+# CocoaPods
+/ios/Pods/

package/template/README.md

@@ -0,0 +1,53 @@
+#### 本模板使用TS
+### 使用方法
+```
+npx react-native init ProjectName --template tsrntemp
+```
+
+
+
+- 文件目录
+ - src
+  - assets`静态资源文件夹`
+  - components`公用组件文件夹`
+  - config`配置文件夹`
+  - iconfont`图标字体文件夹`
+  - pages`所有页面文件夹`
+  - route`路由页面文件夹`
+  - types`类型申明文件夹`
+  - utils`工具类文件夹`
+
+
+##### 新增路由须配置两个地方
+- types/routeTypes
+
+```
+//添加页面地址，以及页面所需的参数
+export type RootStackParamList = {
+  BottomTab: undefined;
+}
+```
+- config/routeConfig.ts
+
+```
+import BottomTab from "route/BottomTab" //引入所需组件
+
+const RouteArr: Array<RouteType> = [
+  {
+    name: 'BottomTab', //匹配第一步配置时的名称
+    component: BottomTab,//引入的组件
+    options: { headerShown: false }//页面所需的额外配置
+  }
+]
+```
+
+##### icont使用
+- 根目录下有一个iconfont.json文件
+- [具体使用参照](https://www.npmjs.com/package/react-native-iconfont-cli)
+
+
+##### requset
+- 使用的请求库为umi-reuest
+- [具体使用参照](https://www.npmjs.com/package/umi-request)
+
+*路由已处理ios/android手势，页面跳转动画等统一性*