javascript [ss]你好#react native

Posted 2021-05-04

// @flow
'use strict';

import React, {Component} from 'react';
import {StyleSheet, View} from 'react-native';
import {connect} from 'react-redux';

type Props = {
    dispatch: (action: any) => void,
    navigation: any,
};

class $TemplatePage$ extends Component<Props> {
    static navigationOptions = ({ navigation, screenProps, navigationOptions }) => {
        const params = navigation.state.params || {};
        return {
            // set header title text
            // title: 'Home'

            // set to null when no header
            // header: null, 

            // applied to the View that wraps the header
            // headerStyle: {
            //     elevation: 0,
            //     marginTop: 24,
            //     backgroundColor: '#ffffff',
            // },

            // the back button and title both use this property as their color
            // headerTintColor: '#fff',

            //  Text style properties for the title
            // headerTitleStyle: {
            //     fontWeight: 'bold',
            // },

            // Not only change text style of the title, use custom view instead of Text as title
            // headerTitle: <LogoTitle />,

            // header right element
            // headerRight: <Button/>
        };
    };

    _navListener: any;

    componentDidMount() {
        this._navListener = this.props.navigation.addListener('didFocus', this._onScreenFocus);
        this.props.navigation.setParams({ onHeaderRightButtonPress: this._onHeaderRightButtonPress });
    }

    componentWillUnmount() {
        this._navListener.remove();
    }

    _onHeaderRightButtonPress = () => {
    };

    _onScreenFocus = () => {
    };

    _onScreenLostFocus = () => {
    };

    render() {
        return (
            <View style={styles.container}>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        paddingTop: 5,
        backgroundColor: 'rgba(255, 255, 255, 1)',
    },
});


export default connect()($TemplatePage$);