react-navigation,标题居中,自定义返回按钮,自定义右侧,跳转传值方法等技巧

1 自定义返回的标题

backTitle:'经营性',

2 如果右侧没有按钮,android标题居中问题

写一个空的View 占位就可以了


react-navigation,标题居中,自定义返回按钮,自定义右侧,跳转传值方法等技巧_第1张图片
Paste_Image.png

3 修改android的返回按钮图片,使其和ios一样

找到源码下的 HeaderBackButton.js 文件,修改如图行数位置的代码


react-navigation,标题居中,自定义返回按钮,自定义右侧,跳转传值方法等技巧_第2张图片
Paste_Image.png

4 右侧自定义一个按钮 修改左侧默认返回title等问题


react-navigation,标题居中,自定义返回按钮,自定义右侧,跳转传值方法等技巧_第3张图片
Paste_Image.png
react-navigation,标题居中,自定义返回按钮,自定义右侧,跳转传值方法等技巧_第4张图片
Paste_Image.png

5 跳转 传值

传值

Paste_Image.png

传多个值

Paste_Image.png

取值

Paste_Image.png

当然 前提是你在 StackNavigator 里面声明了 那个即将跳转的页面

以后有什么问题也会陆续加上来,欢迎大家一起探讨学习,如需转载请注明原地址谢谢
之前就有人转载然后他的阅读量比我还多 我很尴尬 毕竟我是新人

你可能感兴趣的:(react-navigation,标题居中,自定义返回按钮,自定义右侧,跳转传值方法等技巧)