Цвет фона верхнего заголовка изображения

Question

Я заставляю реагировать на родную выставочную программу. У меня есть заголовок, где я положил изображение в качестве фона. И я хочу поставить цвет фона на это изображение, но когда я пишу цвет фона, он не работает. Как я могу поставить цвет фона на изображение в заголовке Код:

  navigationOptions: {
            headerTintColor: 'white',
            headerBackground: (
              <Image
              source = {{ uri: "http://rapprogtrain.com/img/new/computer-2788918_1280.jpg" }}
                style={{resizeMode:'cover',    width: Dimensions.get('window').width,
                    height:250, backgroundColor:'#1e1e21' }}
              />
        ),
        },

Answer 1

Вы можете использовать панель инструментов.это может изменить цвет фона.

example.js

import {ToolbarAndroid} from "react-native"
render: function() {
  return (
    <ToolbarAndroid
      style={{backgroundColor:'#1e1e21'}}
      logo={require('./app_logo.png')}
      title="AwesomeApp"
      actions={[{title: 'Settings', icon: require('./icon_settings.png'), show: 'always'}]}
      onActionSelected={this.onActionSelected} />
  )
},
onActionSelected: function(position) {
  if (position === 0) { // index of 'Settings'
    showSettings();
  }
}

Answer 2

вы можете попробовать что-то вроде:

 navigationOptions: {
    headerStyle: {{ backgroundColor:'#1e1e21' }}
 }