MainView

MainView.js

const React = require('react-native');
const {
    Component,
    } = React;

const styles = require('./../Styles');
const MenuView = require('./MenuView');
import Drawer from 'react-native-drawer';
import TabBarNavigator from 'react-native-tabbar-navigator';
import BackButton from '../components/BackButton';

import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import * as PostActions from '../actions/Actions';


import {Details} from './Article/Details';
import {ArticleSecondary} from './Article/Secondary';
var update = require('react-addons-update');

import configureStore from '../store/configureStore';

class ArticleMainView extends Component {

    constructor(props){
        super(props);

        //var store = configureStore(props.route.post);
        this.state = {
        };

    }

    componentDidMount(){

    }

    savePost() {
        console.log(this.props.post.data);
        this.props.navigator.pop();
    }

    render(){
        console.log("ArticleMainView: render(): " + this.props.name);

        return(
            <TabBarNavigator
                ref="navComponent"
                navTintColor='#346293'
                navBarTintColor='#94c1e8'
                tabTintColor='#101820'
                tabBarTintColor='#4090db'
                onChange={(index)=>console.log(`selected index ${index}`)}>
                <TabBarNavigator.Item title='ARTICLE'  defaultTab>
                    <Details ref="articleDetail"
                             backButtonEvent={ () => {
                                               this.props.navigator.pop();
                                       }}
                             saveButtonEvent={ () => {
                                               this.savePost();
                             }}
                             {...this.props}
                    />
                </TabBarNavigator.Item>
                <TabBarNavigator.Item title='Secondary'>
                    <ArticleSecondary ref="articleSecondary"
                                {...this.props}
                               backButtonEvent={ () => {
                                                 this.props.navigator.pop();
                                        }}
                               saveButtonEvent={ () => {
                                               this.savePost();
                             }}
                    />
                </TabBarNavigator.Item>
            </TabBarNavigator>
        );
    }
}

function mapStateToProps(state) {
    return {
        post: state,
        text: state.data.text,
        name: state.data.name,
        description: state.data.description
    };
}

function mapDispatchToProps(dispatch) {
    return bindActionCreators(PostActions, dispatch);
}

export default connect(mapStateToProps, mapDispatchToProps)(ArticleMainView);