Skip to content

Instantly share code, notes, and snippets.

import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TouchableHighlight,
Dimensions
} from 'react-native';
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TouchableHighlight,
Dimensions
} from 'react-native';
import page1 from './page1';
import page2 from './page2';
const Routes = ({
Page1Screen: {
screen: page1,
navigationOptions: {
title: 'Page 1',
headerTintColor: "#ffffff",
headerStyle: {
import React, { Component } from 'react';
import './config/reactotron_config';
import {
AppRegistry,
} from 'react-native';
import AppNavigator from './modules/navigators/AppNavigator';
export default class TripCase extends Component {
render() {
return (
import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import { addNavigationHelpers, StackNavigator } from 'react-navigation';
import Routes from './routes';
export const AppNavigator = StackNavigator(
Routes
);
const AppWithNavigationState = ({navigation}) => (
import React, { Component } from 'react';
import { TouchableHighlight, Text, View } from ‘react-native’;
import { logoutOfApp } from './action';
import { connect } from 'react-redux';
class LogoutButton extends Component {
render() {
return (
<TouchableHighlight
onPress={this.props.onClick}
import React, { Component } from 'react';
import { Text, View } from 'react-native';
import LogoutButton from './button';
export default class Header extends Component {
render() {
return (
<View style={{backgroundColor:"#fff",
width: 375, height: 100, flexDirection: "row",
alignItems: "center", justifyContent: "space-between"}}>
import React, { Component } from 'react';
import { Text, View } from 'react-native';
import Header from './header';
import { connect } from 'react-redux';
class ParentComponent extends Component {
render() {
if (this.props.state.login) {
return (
<View style={{backgroundColor:"#000", width: 500,
export const LOGOUT = 'LOGOUT'
// here the action creator is logoutOfApp
export function logoutOfApp(status) {
return {
type: LOGOUT,
status
};
}
const initialState = {
login: true
};
export default function reducer(state, action) {
if (typeof state === 'undefined') {
return initialState;
}
switch (action.type) {
case 'LOGOUT':