一、需求：

　   要实现在标题栏的右边部分添加自定义按钮

 

问题分析：

　　日常废话，这个真的是难者不会，会者不难，在研究多次无果之后，经过高人点拨，顿时。。。

 

使用：

class HearNavigation extends Component{     render(){         return(             <TouchableOpacity style={styles.msgContent}               >             <Image            　　 source={require('./../../img/forward.png')}            　　style={styles.msgBg} 　　　/>             </TouchableOpacity>         )     } }   export default class CustomerDetail extends Component{     static navigationOptions = {         headerRight:<HearNavigation/>     } }

 

 

二、需求：

　   标题栏右边文字加事件

 

使用：

class HearNavigation extends Component{     constructor(props){         super(props);     }     goPayList(){         navigationNewPush({             navigation:this.props.navigation,             route:'payList'         });     }     render(){         return(             <Text style={styles.msgContent}                 onPress={()=>{                     this.goPayList()                 }}             >                点击             </Text>         )     } } export default class InsureList extends Component{     static navigationOptions = (props) => {         return{             headerRight:<HearNavigation {...props} />         }     } }