css - 在 native react 中更改标题背景颜色

Question

我是 React native 的新手，正在尝试显示标题栏(导航栏)背景颜色。下面是一些尝试过的方法。

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

  title= {titleConfig}
  />
  </View>

);

 }
}

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

  };

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


    },
  }

Answer 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

   }