在本地反应中更改标题背景颜色

时间:2018-01-16 12:13:47

标签: css reactjs react-native

我是React原生的新手,并试图显示标题栏(导航栏)背景颜色。 下面尝试了一些方法。

  return (
    <View style={styles.container}>
       <NavigationBar 

  title= {titleConfig}
  />
  </View>

);

 }
}

const titleConfig = {
    title: 'XYZ',
    style: {
      backgroundColor: '#2ec76e',
  },

  };

const styles ={
    container: {
        backgroundColor: '#24686e',


    },
  }

1 个答案:

答案 0 :(得分:1)

你会介意屏幕截图显示你运行时获得的内容 到目前为止我知道下面的样式会做标题

container: {
    backgroundColor:'#F8F8F8',
    justifyContent:'center',
    alignItems:'center',
    height: 60,
    paddingTop: 8,
    borderWidth:0,
    shadowColor:'#F8F8F8',
    shadowOffset:{ width:0, height:2 },
    shadowOpacity:0.5,
    elevation:2,
    position: 'relative'

    },
textStyle:{
    fontSize:25

   }