add webfare page

Author: febobo

package.json

@@ -21,6 +21,7 @@
     "react-native-refreshable-listview": "^2.0.0-beta4",
     "react-native-tab-navigator": "^0.3.2",
     "react-native-vector-icons": "^2.0.2",
+    "react-native-video": "^0.8.0",
     "react-redux": "^4.4.5",
     "redux": "^3.5.2",
     "redux-actions": "^0.10.0",

src/actions/ActionTypes.js

@@ -8,4 +8,5 @@ export const REPLY_TOPIC = 'REPLY_TOPIC'; // 评论
 export const UPS_TOPIC = 'UPS_TOPIC'; // topic 点赞
 export const GET_TOPIC_DETAIL = 'GET_TOPIC_DETAIL'; // 获取文章详情
 export const UP_REPLY = 'UP_REPLY'; // 评论点赞
-export const GET_PHOTO = 'GET_PHOTO'; // 评论点赞
+export const GET_PHOTO = 'GET_PHOTO'; // 照片列表
+export const GET_VIDEO = 'GET_VIDEO'; // 视频列表

src/actions/WelfareActions.js

@@ -0,0 +1,10 @@
+import * as types from './actionTypes';
+import * as welfareService from '../service/welfareService';
+import {createAction} from 'redux-actions';
+
+export const getVideo = createAction(types.GET_VIDEO , welfareService.getVideo , ({
+  page,
+  limit
+} , resolved , rejected) => {
+  resolved && resolved();
+})

src/actions/index.js

@@ -5,6 +5,7 @@ import * as TabActions from './TabActions'
 import * as UtilsActions from './UtilsActions'
 import * as CommentActions from './CommentActions'
 import * as ActicleActions from './ActicleActions'
+import * as WelfareActions from './WelfareActions'
 
 export default {
   ...DetailActions,
@@ -13,5 +14,6 @@ export default {
   ...UserActions,
   ...UtilsActions,
   ...CommentActions,
-  ...ActicleActions
+  ...ActicleActions,
+  ...WelfareActions
 }

src/container/tabview.js

@@ -16,13 +16,14 @@ import Icon from 'react-native-vector-icons/Ionicons';
 const myIcon = (<Icon name="ios-time" size={30} color="#900" />)
 import * as EssencePage from '../page/Essence';
 import * as ArticlePage from '../page/Article';
-import Welfare from '../page/Welfare';
+import * as WelfarePage from '../page/Welfare';
 import * as Login from '../page/Login';
 import connectComponent from '../utils/connectComponent';
 import TabNavigator from 'react-native-tab-navigator';
 import iconHome from '../public/favicon.png';
 const Essence = connectComponent(EssencePage);
 const Article = connectComponent(ArticlePage);
+const Welfare = connectComponent(WelfarePage);
 
 export default class TabView extends Component {
   constructor (props){
@@ -167,8 +168,6 @@ export default class TabView extends Component {
     }
   }
   render(){
-    console.log(222)
-
     return(
       <View style={{flex:1}}>
       {this.renderTabber()}

src/page/Welfare.js

@@ -6,15 +6,23 @@ import {
   StyleSheet
 } from 'react-native';
 
-export default class Welfare extends Component {
+class Welfare extends Component {
   constructor (props){
     super(props);
   }
 
+  componentWillMount (){
+    console.log(this)
+    const { actions , Welfare } = this.props;
+    actions.getVideo({
+      page : Welfare.page,
+      limit: Welfare.limit
+    })
+  }
+
   render (){
     return (
       <View style={[styles.container]}>
-        <Text style={{fontSize:30,color:'#fff'}}>Hello React-native</Text>
       </View>
     )
   }
@@ -23,8 +31,12 @@ export default class Welfare extends Component {
 const styles = StyleSheet.create({
   container : {
     flex : 1,
-    alignItems : 'center',
-    justifyContent : 'center',
-    backgroundColor : '#730'
   }
 })
+
+export const LayoutComponent = Welfare;
+export function mapStateToProps(state){
+  return {
+    Welfare : state.Welfare,
+  }
+}

src/reducers/Acticle.js

@@ -3,7 +3,6 @@ import * as types from '../actions/actionTypes';
 
 export default function Acticle (state={page:1,limit:10,photos:[]} , action={}){
   const { payload } = action;
-  console.log(action,'action')
   switch (action.type) {
     case types.GET_PHOTO:
       return Object.assign(

src/reducers/Welfare.js

@@ -0,0 +1,19 @@
+import * as types from '../actions/actionTypes';
+
+export default function Welfare (state={page:1,limit:10,videos:[]} , action={}){
+  const { payload } = action;
+  console.log(state,9999)
+  switch (action.type) {
+    case types.GET_VIDEO:
+      return Object.assign(
+        {} , state , {
+          videos : state.videos.concat(payload.list),
+          page : payload.params.page,
+          limit : payload.params.limit
+        }
+      )
+      break;
+    default:
+      return state;
+  }
+}

src/reducers/index.js

@@ -5,13 +5,14 @@ import Comment from './Comment'
 import User from './User'
 import Utils from './Utils'
 import Acticle from './Acticle'
-
+import Welfare from './Welfare'
 export {
   Essence,
   Tab,
   Detail,
   Comment,
   User,
   Utils,
-  Acticle
+  Acticle,
+  Welfare
 }

src/service/welfareService.js

@@ -0,0 +1,23 @@
+import * as requestService from './requestService';
+import config from '../config'
+const urlPrefix = config.spDomain;
+export function getVideo({page,limit}){
+
+  console.log(page,limit)
+  let url = `${urlPrefix}&type=41&limit=${limit}&page=${page}`;
+  // let url = `${urlPrefix}`;
+  return requestService.get(url,true).then( data =>{
+    if(!data.showapi_res_error){
+      return {
+        list : data.showapi_res_body.pagebean.contentlist,
+        params : {
+          page,
+          limit
+        }
+      }
+      // return data.showapi_res_body.newslist
+    }else{
+      throw 'do getPhoto failed'
+    }
+  })
+}