1

これは、router.js ファイルにあるコードです ( react-native-router-fluxドキュメント セクションから取得)。

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

しかし、それは機能していないようです。

ご参考までに：

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

1 に答える 1

4

ライブラリAPI docsで説明されているように、ヘッダー スタイルを変更するには、navigationBarStyle プロパティを使用する必要があります。

代わりにこれを試してください：

<Scene key="pageTwo" component={PageTwo} title="PageTwo" navigationBarStyle={{ backgroundColor: 'red'}} />
于 2017-01-09T15:22:00.890 に答える