tsrntemp 1.0.0

package/src/iconfont/IconIndex.tsx

@@ -0,0 +1,31 @@
+/* tslint:disable */
+/* eslint-disable */
+
+import React, { FunctionComponent } from 'react';
+import { ViewProps } from 'react-native';
+import { Svg, GProps, Path } from 'react-native-svg';
+import { getIconColor } from './helper';
+
+interface Props extends GProps, ViewProps {
+  size?: number;
+  color?: string | string[];
+}
+
+let IconIndex: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+  return (
+    <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
+      <Path
+        d="M948.609962 425.740404 571.750849 103.364159c-34.170241-32.011064-76.017324-39.09746-117.77538 0L77.026304 425.740404c-28.831652 24.650423 0.852414 62.268182 21.789259 43.577494l21.789259-21.789259 0 414.000012c0 52.192709 36.545334 87.663572 101.840456 87.163175l605.066629 0c47.558156 0 77.518514-32.628118 77.518514-87.163175L905.030421 447.52864l12.18246 8.057513C946.354596 481.480916 975.502449 448.957175 948.609962 425.740404zM556.397163 905.107169l-87.158059 0L469.239104 665.424298c0-8.387018 2.826372-20.283975 43.579541-21.789259 38.10383-1.404999 43.579541 13.403265 43.579541 21.789259L556.398186 905.107169zM861.451904 861.528652c0 20.155039-30.961152 43.579541-43.579541 43.579541L599.976704 905.108193c0-0.112564 0-0.140193 0-0.125867L599.976704 665.424298c0-35.353183-24.77015-65.3688-87.158059-65.3688-62.376653 0-87.158059 30.015617-87.158059 65.3688L425.660586 905.107169 207.763904 905.107169c-18.968004 0-43.579541-29.655414-43.579541-43.579541L164.184363 403.951145l326.844-283.269575c7.094582-8.371668 35.586496-9.025561 43.579541 0l326.844 283.269575L861.451904 861.528652z"
+        fill={getIconColor(color, 0, '#333333')}
+      />
+    </Svg>
+  );
+};
+
+IconIndex.defaultProps = {
+  size: 18,
+};
+
+IconIndex = React.memo ? React.memo(IconIndex) : IconIndex;
+
+export default IconIndex;

package/src/iconfont/IconMine.tsx

@@ -0,0 +1,31 @@
+/* tslint:disable */
+/* eslint-disable */
+
+import React, { FunctionComponent } from 'react';
+import { ViewProps } from 'react-native';
+import { Svg, GProps, Path } from 'react-native-svg';
+import { getIconColor } from './helper';
+
+interface Props extends GProps, ViewProps {
+  size?: number;
+  color?: string | string[];
+}
+
+let IconMine: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+  return (
+    <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
+      <Path
+        d="M130.668527 958.347744c-15.908318 0-26.188452-10.283204-26.188452-26.195615 0-171.708733 108.929922-324.645938 271.063579-380.564505l5.832845-2.009773-5.308913-3.143597c-79.722716-47.219441-129.247666-133.056412-129.247666-224.00889 0-69.432349 26.76048-134.438898 75.348082-183.042873 48.601928-48.619324 113.62485-75.394131 183.090968-75.394131 69.431326 0 134.436852 26.759457 183.04185 75.349105 48.619324 48.604998 75.395154 113.625874 75.395154 183.087898 0 92.282776-48.315402 176.026062-129.246643 224.00889l-5.420453 3.210112 5.990434 1.957585c77.313853 25.2685 147.196457 76.3192 196.770526 143.746892 50.959625 69.306482 78.632895 151.209864 80.033801 236.852406 0 15.864316-10.283204 26.14752-26.196639 26.14752L130.668527 958.348768zM505.25897 580.86953c-182.478008 0-336.778256 141.444453-351.281575 322.011948l-0.248663 3.083222 703.107549 0-0.305969-3.128247C838.831208 719.28602 687.81475 580.86953 505.25897 580.86953zM505.376651 116.130927c-115.612111 0-206.17471 90.562599-206.17471 206.175733 0 115.614158 90.562599 206.179826 206.17471 206.179826 115.615181 0 206.179826-90.565668 206.179826-206.179826C711.5575 206.693526 620.992855 116.130927 505.376651 116.130927z"
+        fill={getIconColor(color, 0, '#333333')}
+      />
+    </Svg>
+  );
+};
+
+IconMine.defaultProps = {
+  size: 18,
+};
+
+IconMine = React.memo ? React.memo(IconMine) : IconMine;
+
+export default IconMine;

package/src/iconfont/helper.ts

@@ -0,0 +1,12 @@
+/* tslint:disable */
+/* eslint-disable */
+
+export const getIconColor = (color: string | string[] | undefined, index: number, defaultColor: string) => {
+  return color
+    ? (
+      typeof color === 'string'
+        ? color
+        : color[index] || defaultColor
+    )
+    : defaultColor;
+};

package/src/iconfont/index.tsx

@@ -0,0 +1,33 @@
+/* tslint:disable */
+/* eslint-disable */
+
+import React, { FunctionComponent } from 'react';
+import { ViewProps } from 'react-native';
+import { GProps } from 'react-native-svg';
+import IconIndex from './IconIndex';
+import IconMine from './IconMine';
+export { default as IconIndex } from './IconIndex';
+export { default as IconMine } from './IconMine';
+
+export type IconNames = 'index' | 'mine';
+
+interface Props extends GProps, ViewProps {
+  name: IconNames;
+  size?: number;
+  color?: string | string[];
+}
+
+let IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {
+  switch (name) {
+    case 'index':
+      return <IconIndex key="1" {...rest} />;
+    case 'mine':
+      return <IconMine key="2" {...rest} />;
+  }
+
+  return null;
+};
+
+IconFont = React.memo ? React.memo(IconFont) : IconFont;
+
+export default IconFont;

package/src/pages/Detail/Container.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Text, View, StyleSheet } from 'react-native';
+
+interface ContainerProps { }
+
+const Container = (props: ContainerProps) => {
+  return (
+    <View style={styles.container}>
+      <Text>Container</Text>
+    </View>
+  );
+};
+
+export default Container;
+
+const styles = StyleSheet.create({
+  container: {}
+});

package/src/pages/Home/Container.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+import { NavigationProps } from 'types/routeTypes';
+
+
+const Container: React.FC<NavigationProps> = ({ navigation, route }) => {
+  return (
+    <View >
+      <Text>home</Text>
+    </View>
+  );
+};
+
+export default Container;
+

package/src/pages/Mine/Container.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+
+const Container: React.FC = () => {
+  return (
+    <View >
+      <Text>mine</Text>
+    </View>
+  );
+};
+
+export default Container;

package/src/route/BottomTab.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { BottomTabParamList } from 'types/routeTypes';
+import Home from 'pages/Home/Container';
+import Mine from 'pages/Mine/Container';
+import { IconIndex, IconMine } from 'iconfont';
+import color from 'config/color';
+
+const Tab = createBottomTabNavigator<BottomTabParamList>();
+
+
+const BottomTab: React.FC = () => {
+  return (
+    <Tab.Navigator
+      screenOptions={{ tabBarActiveTintColor: color.pink[900], headerShown: false }}
+    >
+      <Tab.Screen
+        name={'Home'}
+        component={Home}
+        options={{ tabBarIcon: ({ focused, color, size }) => <IconIndex size={size} color={color} /> }}
+      />
+      <Tab.Screen
+        name={'Mine'}
+        component={Mine}
+        options={{ tabBarIcon: ({ focused, color, size }) => <IconMine size={size} color={color} /> }}
+      />
+    </Tab.Navigator>
+  )
+}
+
+export default BottomTab

package/src/route/RouteContainer.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { NavigationContainer } from '@react-navigation/native';
+import { CardStyleInterpolators, createStackNavigator, HeaderStyleInterpolators } from '@react-navigation/stack';
+import { RootStackParamList } from 'types/routeTypes';
+import RouteArr from 'config/routeConfig';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+
+const Stack = createStackNavigator<RootStackParamList>();
+
+const RouteContainer: React.FC = () => {
+  return (
+    <SafeAreaProvider>
+      <NavigationContainer>
+        <Stack.Navigator
+          screenOptions={{
+            gestureEnabled: true,
+            gestureDirection: 'horizontal',
+            headerTitleAlign: 'center',
+            headerMode: 'screen',
+            cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
+            headerStyleInterpolator: HeaderStyleInterpolators.forUIKit,
+          }}
+        >
+          {
+            RouteArr.map(item => <Stack.Screen key={item.name} name={item.name} component={item.component} options={item.options} />)
+          }
+        </Stack.Navigator>
+      </NavigationContainer>
+    </SafeAreaProvider>
+
+  )
+}
+
+export default RouteContainer
+
+

package/src/types/routeTypes.ts

@@ -0,0 +1,25 @@
+import { StackNavigationOptions, StackNavigationProp } from "@react-navigation/stack";
+import { RouteProp } from '@react-navigation/native';
+
+//底部导航类型申明
+export type BottomTabParamList = {
+  Home: undefined;
+  Mine: undefined;
+}
+//所有页面路由申明
+export type RootStackParamList = {
+  BottomTab: undefined;
+}
+
+//申明路由配置文件所需数据
+export type RouteType = {
+  name: keyof RootStackParamList,
+  component: React.ComponentType<any>
+  options?: StackNavigationOptions
+}
+
+//页面如需引用路由跳转以及获取路由参数时的类型申明
+export interface NavigationProps {
+  navigation: StackNavigationProp<RootStackParamList>
+  route: RouteProp<RootStackParamList>
+}

package/src/utils/request.ts

@@ -0,0 +1,25 @@
+import { extend, ResponseError } from 'umi-request';
+
+//错误处理
+const errorHandler = (error: ResponseError) => {
+  if (error.response) {
+    // The request was made and the server responded with a status code
+    // that falls out of the range of 2xx
+    console.log(error.response.status);
+    console.log(error.response.headers);
+    console.log(error.data);
+    console.log(error.request);
+  } else {
+    // The request was made but no response was received or error occurs when setting up the request.
+    console.log(error.message);
+  }
+}
+
+const request = extend({
+  // prefix:'',
+  timeout: 1000,
+  errorHandler
+})
+
+
+export default request

package/tsconfig.json

@@ -0,0 +1,74 @@
+
+{
+  "compilerOptions": {
+    /* Basic Options */
+    "target": "esnext",                       /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
+    "module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
+    "lib": ["es2017"],                        /* Specify library files to be included in the compilation. */
+    "allowJs": true,                          /* Allow javascript files to be compiled. */
+    // "checkJs": true,                       /* Report errors in .js files. */
+    "jsx": "react-native",                    /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
+    // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
+    // "sourceMap": true,                     /* Generates corresponding '.map' file. */
+    // "outFile": "./",                       /* Concatenate and emit output to single file. */
+    // "outDir": "./",                        /* Redirect output structure to the directory. */
+    // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
+    // "removeComments": true,                /* Do not emit comments to output. */
+    "noEmit": true,                           /* Do not emit outputs. */
+    // "incremental": true,                   /* Enable incremental compilation */
+    // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
+    // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
+    "isolatedModules": true,                  /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
+
+    /* Strict Type-Checking Options */
+    "strict": true,                           /* Enable all strict type-checking options. */
+    // "noImplicitAny": true,                 /* Raise error on expressions and declarations with an implied 'any' type. */
+    // "strictNullChecks": true,              /* Enable strict null checks. */
+    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
+    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
+    // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
+    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
+
+    /* Additional Checks */
+    // "noUnusedLocals": true,                /* Report errors on unused locals. */
+    // "noUnusedParameters": true,            /* Report errors on unused parameters. */
+    // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */
+    // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
+
+    /* Module Resolution Options */
+    "moduleResolution": "node",               /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
+    "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
+    "paths": {
+      "*": ["./src/*"],
+      "@components": ["./src/components/*"],
+      "@assets": ["./src/assets/*"],
+      "@pages": ["./src/pages/*"],
+      "@route": ["./src/route/*"],
+      "@utils": ["./src/utils/*"],
+      "@types": ["./src/types/*"],
+      "@config": ["./src/config/*"],
+      "@iconfont": ["./src/iconfont/*"]
+    },                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+    // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
+    // "typeRoots": [],                       /* List of folders to include type definitions from. */
+    // "types": [],                           /* Type declaration files to be included in compilation. */
+    "allowSyntheticDefaultImports": true,     /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
+    "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
+    // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
+    "skipLibCheck": true,                     /* Skip type checking of declaration files. */
+    "resolveJsonModule": true                 /* Allows importing modules with a ‘.json’ extension, which is a common practice in node projects. */
+
+    /* Source Map Options */
+    // "sourceRoot": "./",                    /* Specify the location where debugger should locate TypeScript files instead of source locations. */
+    // "mapRoot": "./",                       /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
+    // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
+
+    /* Experimental Options */
+    // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
+    // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
+  },
+  "exclude": [
+    "node_modules", "babel.config.js", "metro.config.js", "jest.config.js"
+  ]
+}