反应-导航之动态修改标题的内容

本文介绍了反应导航之动态修改标题的内容，分享给大家，具体如下：

效果图：

动态修改标题内容：

静态导航选项={ title :({ state })=` s与${state.params.user}聊天` };ps: `与${state.params.user}聊天'这里有个注意的地方，是这个符号而不是单引号'

index.android.js

/** *示例反应原生应用* https://github.com/facebook/react-native * @流量*/从“反应-原生”导入{ AppRegistry，}；从""导入rootApp ./js/root app ' appregistory。register component(' gankpproject '，()=root app)；rootApp.js:

/** *由管理员于2017/3/31 0031创建。*/'从反应使用严格的进口反应从“反应-原生”导入{应用程序，文本，视图，按钮，}；从“反应-领航员”导入{ StackNavigator }；从""导入聊天屏幕./chat screen '；类主屏幕扩展了做出反应.组件{静态导航选项={ title: '欢迎'，//设置标题内容};render(){ const { navigate }=this。道具。导航；返回（查看文字你好，导航！/文本按钮按下={()=导航('聊天'，{user:'Lucy'})} title='与露西聊天/View)；} } const SimpleApp=StackNavigator({ Home : { screen :主屏幕}，chat : { screen : chat screen }，})；导出默认SimpleAppchatsscreen。js :

/** *由管理员于2017/3/31 0031创建。*/'使用严格的导入反应'，从反应导入{组件}；从"反应-原生"导入{视图，文本};类聊天屏幕扩展了组件{静态导航选项={ title :({ state })=` s与$ {state.params.user}聊天` };render(){ const { params }=this。道具。导航。国家；返回（与{ params.user }一起查看文本聊天/文本/查看);} }导出默认聊天屏幕效果2:

/** *由管理员于2017/3/31 0031创建。*/'使用严格的导入反应'，从反应导入{组件}；从"反应-原生"导入{视图、文本、按钮};类聊天屏幕扩展组件{静态导航选项={ title :({ state })={ if(state。参数。mode==' info '){ return ` $ { state。参数。用户}”的联系信息`;}返回"与${state.params.user}聊天";}，header: ({state，setParams})={ //导航道具具有设置参数、返回和航行等功能让右=(按钮标题={ ` $ { state。参数。用户的信息` } onPress={()=设置参数({ mode : ' info ' })}/)；if(状态。参数。mode==' info '){ right=(Button title=' Done ' onPress={()=设置参数({ mode : ' none ' })}/)；}返回{右侧};},};render(){ const { params }=this。道具。导航。国家；返回（与{params.user}一起查看文本聊天/文本/查看);} }导出默认聊天屏幕以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。