如何像普通标签栏

时间:2017-11-23 03:43:28

标签: css reactjs react-native react-navigation

这是我使用<View>

的自定义导航栏

enter image description here

我可以像普通的反应导航栏一样添加底部阴影(如下图所示)吗?

enter image description here

添加阴影对我来说似乎很难

  header: {
    height: 55,
    flexDirection: 'row',
    shadowColor: 'black',
    shadowOpacity: 0.1,
    shadowRadius: 5,
    shadowOffset: {
      height: 5,
    },
    elevation: 4,
    zIndex: -1,
    overflow: 'visible'
  },

2 个答案:

答案 0 :(得分:1)

您可以简单地使用CSS:

jq -r —arg string "!CVE-2014-0160" '..|select(.isp?)|. as $x
  | select(..==$string)|$x|[.ip,.ip_str]|@csv’ data.json

根据您的方便调整值。在某些情况下,您需要确保设置适当的header: { height: 55, flexDirection: 'row', shadowColor: "#000000", shadowOpacity: 0.8, shadowRadius: 2, shadowOffset: { height: 1, width: 1 } } 值并仔细检查标题zIndexoverflow

答案 1 :(得分:1)

您没有在shadowOffset内部使用宽度,这就是为什么您没有得到阴影的原因。

shadowOffset: {
    height: 2,
    width: 2 
}