When I move the page using the libarary of these navigators to move the componentdidmount page it can only be done once and after that the Lifecycle react does not work, ask for the solution: following my code.
Steps to Reproduce
This my code
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image
} from 'react-native';
import TabNavigator from 'react-native-tab-navigator';
import {Dimensions} from 'react-native'
import { withNavigation } from 'react-navigation'
import Account from './account/Account';
import Order from '../orderScreen/order/Order';
import Home from './home/Home';
When I move the page using the libarary of these navigators to move the componentdidmount page it can only be done once and after that the Lifecycle react does not work, ask for the solution: following my code.
Steps to Reproduce
This my code import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, Image } from 'react-native'; import TabNavigator from 'react-native-tab-navigator'; import {Dimensions} from 'react-native' import { withNavigation } from 'react-navigation' import Account from './account/Account'; import Order from '../orderScreen/order/Order'; import Home from './home/Home';
const deviceW = Dimensions.get('window').width const basePx = 375
function px2dp(px) { return px * deviceW / basePx }
class HomeTab extends Component { render() { return (
} }
class OrderTab extends Component { render() { return (
} }
class AccountTab extends Component { render() { return (
} }
class MainTab extends Component {
state= { selectedTab: 'home' };
render() { return (
} }
const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', }, welcome: { fontSize: 20, textAlign: 'center', margin: 10, }, instructions: { textAlign: 'center', color: '#333333', marginBottom: 5, }, });
export default withNavigation(MainTab);
Thanks