ptomasroos / react-native-tab-navigator

A tab bar that switches between scenes, written in JS for cross-platform support
MIT License
2.4k stars 415 forks source link

How to set view is not repeated loading but after first loading #144

Closed jttttttttttttt closed 6 years ago

jttttttttttttt commented 7 years ago
<TabNavigator.Item
                    selected={this.state.selectedTab === 'me'}
                    title="My"
                    titleStyle = {styles.textSt}
                    selectedTitleStyle = {styles.textStSelect}
                    renderIcon={() => <Image style={styles.icon}  source={require('../res/img/tab_mine_unchecked.png')} />}
                    renderSelectedIcon={() => <Image style={styles.icon} source={require('../res/img/tab_mine_checked.png')} />}
                    onPress={() => this.setState({ selectedTab: 'me' })}>
                    <MePage {...this.props}/>
                </TabNavigator.Item>
export default class MePage extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        alert("ssssss");
        return (
            <View>
                <Text>ME PAGE</Text>
            </View>
        )

   };
}

When I click every time will enter the render();

ptomasroos commented 7 years ago

You should most likely update your shouldComponentUpdate of your MePage class and decide if rerender is needed or not.

ptomasroos commented 6 years ago

Will close since this issue is more than a year, feel free to a open a new if this is still a issue.