React Native自定义标题栏组件的实现方法

 'use strict'; import React, { Component } from 'react'; import {  Text,  View, } from 'react-native'; import StyleSheet from 'StyleSheet'; export default class HeaderNoBack extends Component {  render() {   return (     <View style={styles.container}>      <View style={styles.textview}>       <Text style={styles.textstyle}>{this.props.text || "标题头"}</Text>      </View>     </View>   );  } } const styles = StyleSheet.create({  container: {   flexDirection: 'row',   alignItems: 'center',   height: 45,   alignSelf: 'stretch',   backgroundColor: '#4a9df8',  },  textview: {   flex: 1,   alignSelf: 'center',  },  textstyle: {   fontSize: 18,   color: '#fff',   textAlign: 'center',  }, });