変更のシーンの背景色反応ネイティブ・ルータ・フラックスを

Question

にこれは私が（react-native-router-fluxドキュメントのセクションから取られた）私のrouter.jsファイルを持っているコードです：

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'}} />