StackNavigator in react-navigation 安卓标题 居左 问题

StackNavigator() 调用的时候第二个参数 中如下设置

navigationOptions: {
              headerBackTitle: null,
              headerBackTitleStyle: {
                  color: 'white',
              },
              headerStyle: {
                  backgroundColor: '#647cff',
              },
              headerTitleStyle: {
                  color: 'white',
                  alignSelf: 'center',
              },
              headerTintColor: 'white',
              headerRight: <View style={{width: 40, height: 1,}}/>,
          }

headerBackTitle: null, 屏蔽所有的导航左上角返回标题 headerBackTitleStyle: { color: 'white', }, 左上角返回标题为白色 headerStyle: { backgroundColor: '#647cff', },统一修改导航背景颜色

而安卓导航标题默认是居左的,比较难看

修改方法是 headerTitleStyle: {alignSelf: 'center',},

如此,标题会居中放置

但是,这么设置还是不行,可以看到标题在中间靠右位置。

因为 左上角 有返回按钮,标题在除了 左上角按钮的 其余剩余空间居中,而右上角什么都没有,导致靠右

最简单的做法就是,右上角放置占位视图

headerRight: <View style={{width: 40, height: 1,}}/>,

默认宽度 40,40和左上角按钮宽度大致一样

就可以使标题完美居中

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏海说

13、Java菜单条、菜单、菜单项

13、Java菜单条、菜单、菜单项 一般用Java做界面时,都得牵涉到菜单条、菜单、菜单项的设计。菜单项放在菜单里,菜单放在菜单条里,且其字体均可设置。 13...

62900
来自专栏.Net移动开发

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——BarcodeView控件的使用方式,.Net移动开发

      设置控件类型,将BarcodeFormat属性设置为“QRCode”,让控件显示为二维码,如图1;

20920
来自专栏十月梦想

bootstrap轮播图实现

2.轮播速度设置在整个轮播设置data-interval=“1000”设置轮播速度,1000=1m,单位是毫秒

25730
来自专栏deed博客

Css代码

27120
来自专栏自动化测试实战

html——css基础

上一节我们讲了display的inline-block属性,但是我们在工作中很少用,因为这个属性对于IE7版本以下IE浏览器不兼容。我们一般用float: le...

53650
来自专栏郭霖

Android视图绘制流程完全解析,带你一步步深入了解View(二)

在上一篇文章中,我带着大家一起剖析了一下LayoutInflater的工作原理,可以算是对View进行深入了解的第一步吧。那么本篇文章中,我们将继续对View进...

38680
来自专栏ytkah

css垂直居中怎么设置?文字上下居中和图片垂直居中

  css 居中分css垂直居中和css水平居中,水平居中平时比较常用,这里我们主要讲css上下居中的问题。垂直居中又分为css文字上下居中和css图片垂直居中...

31660
来自专栏.Net移动开发

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——SliderView控件的使用方式

获得和设置标签视图集合,打开集合编辑器,并点击“添加”,分别填写ResourceID属性(菜单项图片名称),Text(菜单项文本),Value(内部值,不在界面...

12110
来自专栏转载gongluck的CSDN博客

vc中实现控件的隐藏与显示

一、隐藏控件             CWnd *pWnd;         pWnd = GetDlgItem(IDC_EDIT1);        //获...

38850
来自专栏互联网杂技

两个元素定位,要求子元素垂直居中

<!DOCTYPE html> <html> <hed> <meta charset="utf-8"> <title></title> <style> ...

37760

扫码关注云+社区

领取腾讯云代金券