изменение фона сцены цвет реагируют-нативный-маршрутизатор-поток

Question

Это код, у меня есть в моем файле router.js (взято из react-native-router-flux DOCS секции):

import React, { Component } from 'react'; 
import { Router, Scene } from 'react-native-router-flux'; 

import PageOne from './PageOne'; 
import PageTwo from './PageTwo'; 

export default class App extends Component { 
    render() { 
    return (
     <Router> 
     <Scene key="root"> 
      <Scene key="pageOne" component={PageOne} title="PageOne" initial={true} /> 
      <Scene key="pageTwo" component={PageTwo} title="PageTwo" /> 
     </Scene> 
     </Router> 
    ) 
    } 
} 

Как я измените цвет фона «заголовка» (где на приведенном выше рисунке появляется стрелка «вернуться»)?

Я попробовал этот способ (добавление sceneStyle={{ backgroundColor: 'red'}}):

<Scene key="pageTwo" component={PageTwo} title="PageTwo" sceneStyle={{ backgroundColor: 'red'}} /> 

, но это, кажется, не работает.

FYI:

"react-native": "0.34.1", 
"react-native-router-flux": "^3.35.0" 

Answer 1

Как описано в библиотеке API docs, вы должны использовать navigationBarStyle свойство, чтобы изменить стиль заголовка.

Попробуйте вместо этого:

<Scene key="pageTwo" component={PageTwo} title="PageTwo" navigationBarStyle={{ backgroundColor: 'red'}} />