整合 rn 平台

package.json

@@ -28,20 +28,27 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
+    "@react-native-community/async-storage": "^1.6.1",
     "@tarojs/async-await": "1.3.12",
     "@tarojs/components": "1.3.12",
+    "@tarojs/components-rn": "^1.3.12",
     "@tarojs/redux": "1.3.12",
     "@tarojs/redux-h5": "1.3.12",
     "@tarojs/router": "1.3.12",
     "@tarojs/taro": "1.3.12",
     "@tarojs/taro-alipay": "1.3.12",
     "@tarojs/taro-h5": "1.3.12",
+    "@tarojs/taro-redux-rn": "^1.3.12",
+    "@tarojs/taro-rn": "^1.3.12",
+    "@tarojs/taro-router-rn": "^1.3.12",
     "@tarojs/taro-swan": "1.3.12",
     "@tarojs/taro-tt": "1.3.12",
     "@tarojs/taro-weapp": "1.3.12",
     "axios": "^0.19.0",
     "nerv-devtools": "^1.4.0",
     "nervjs": "^1.4.0",
+    "react": "16.3.1",
+    "react-native": "0.55.4",
     "redux": "^4.0.0",
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.3.0",

src/api/axios.ts

@@ -2,7 +2,7 @@
 // import { concatParam } from '@/utils/utils'
 import { concatParam } from '../common/utils'
 // import $config, { message, requestCode, tokens } from '@/config'
-import { axios, CancelTokenStatic, AxiosInstance } from 'taro-axios'
+import axios, { CancelTokenStatic, AxiosInstance } from 'axios'
 import { BASE_URL, FETCH_TIME_OUT, INTERFACE_REPEAT } from '@/common'
 import token from '../common/token'
 

src/app.scss

-@import '~taro-ui/dist/style/components/swipe-action.scss';
+// @import '~taro-ui/dist/style/components/swipe-action.scss';
 // view {
 //   // display: flex;
 //   // box-sizing: border-box;

src/app.tsx

@@ -8,7 +8,6 @@ import configStore from './store'
 import token from './common/token'
 
 import './app.scss'
-// import 'taro-ui/dist/style/index.scss'
 
 // 如果需要在 h5 环境中开启 React Devtools
 // 取消以下注释：

src/pages/home/device/device_list/index.tsx

@@ -213,7 +213,8 @@ class MyDevice extends Component {
     return (
       <View className="my-device">
         <ScrollView>
-          {list.map(item => (
+          <Text>22222233</Text>
+          {/* {list.map(item => (
             <AtSwipeAction
               autoClose
               key={item.equipmentId}
@@ -235,7 +236,7 @@ class MyDevice extends Component {
             >
               <DeviceItem {...item} />
             </AtSwipeAction>
-          ))}
+          ))} */}
         </ScrollView>
         <View className="add-device" onClick={this.selectAddDevice}>
           <Text className="icon">添加</Text>

src/pages/home/device/film_list/index.tsx

@@ -5,7 +5,7 @@ import { connect } from '@tarojs/redux'
 import { showMyToast } from '@/common/utils'
 import Taro, { Component } from '@tarojs/taro'
 import { changeDeviceList } from '@/actions/counter'
-import { View, ScrollView } from '@tarojs/components'
+import { View, ScrollView, Text } from '@tarojs/components'
 import FilmListItem from '@/conpoments/film_list_item'
 
 import './index.scss'
@@ -100,7 +100,8 @@ class Films extends Component {
     return (
       <View className="films">
         <ScrollView className="scroll-view" scrollY>
-          {list.map(item => (
+          <Text>1222222</Text>
+          {/* {list.map(item => (
             <AtSwipeAction
               autoClose
               key={item.filmId}
@@ -116,7 +117,7 @@ class Films extends Component {
             >
               <FilmListItem onClick={() => this.goDetail(item)} {...item} />
             </AtSwipeAction>
-          ))}
+          ))} */}
         </ScrollView>
       </View>
     )

src/pages/home/device/index.scss

 @import '@styles/var.scss';
-@import '~taro-ui/dist/style/components/tabs.scss';
+// @import '~taro-ui/dist/style/components/tabs.scss';

src/pages/home/device/index.tsx

@@ -5,7 +5,7 @@ import { AtTabs, AtTabsPane } from 'taro-ui'
 import Taro, { Component, Config } from '@tarojs/taro'
 
 import './index.scss'
-import { View } from '@tarojs/components'
+import { View, Text } from '@tarojs/components'
 
 type PageStateProps = {}
 
@@ -46,20 +46,23 @@ class Device extends Component {
   }
 
   render() {
-    const { current, windowHeight } = this.state
+    // const { current, windowHeight } = this.state
     return (
-      <AtTabs current={current} tabList={tabList} onClick={this.changePage} swipeable={false}>
-        <AtTabsPane current={current} index={0}>
-          <View style={{ height: `${windowHeight}px` }}>
-            <FilmList />
-          </View>
-        </AtTabsPane>
-        <AtTabsPane className="at-tabs-page" current={current} index={1}>
-          <View style={{ height: `${windowHeight}px` }}>
-            <DeviceList />
-          </View>
-        </AtTabsPane>
-      </AtTabs>
+      <View>
+        <Text>11111</Text>
+      </View>
+      // <AtTabs current={current} tabList={tabList} onClick={this.changePage} swipeable={false}>
+      //   <AtTabsPane current={current} index={0}>
+      //     <View style={{ height: `${windowHeight}px` }}>
+      //       <FilmList />
+      //     </View>
+      //   </AtTabsPane>
+      //   <AtTabsPane className="at-tabs-page" current={current} index={1}>
+      //     <View style={{ height: `${windowHeight}px` }}>
+      //       <DeviceList />
+      //     </View>
+      //   </AtTabsPane>
+      // </AtTabs>
     )
   }
 }