TaxBackApp/page/tax_message/tax_message.js

import React, {Component} from 'react';
import {Image, Text, View, TouchableOpacity, StyleSheet} from 'react-native';

import public_css from '../../source/css/public_css';

export default class tax_message extends Component {
  constructor(props) {
    super(props);
    this.props.navigation.dangerouslyGetParent().setOptions({
      tabBarVisible: false,
    });
    this.state = {
      title: this.props.route.params.message.msgTitle,
      date: this.props.route.params.message.createTime,
      message: this.props.route.params.message.msgBrief,
    };
  }

  render() {
    return (
      <View style={public_css.body}>
        <View
          style={{
            margin: 5,
            alignItems: 'center',
          }}>
          <Text
            style={{
              fontSize: 18,
              fontFamily: 'PingFang-SC-Regular',
              color: '#333333',
            }}>
            {this.state.title}
          </Text>
          <Text
            style={{
              fontSize: 18,
              fontFamily: 'PingFang-SC-Regular',
              color: '#333333',
            }}>
            {this.state.date}
          </Text>
        </View>
        <View style={{margin: 5}}>
          <Text>{this.state.message}</Text>
        </View>
      </View>
    );
  }
}