Это код, который у меня есть в моем файле router.js (взят из response-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'}} />
Но вроде не работает.
FYI :
"react-native": "0.34.1",
"react-native-router-flux": "^3.35.0"
2
splunk
9 Янв 2017 в 18:04
1 ответ
Лучший ответ
Как описано в библиотеке , вы должны использовать свойство navigationBarStyle, чтобы изменить стиль заголовка.
Попробуйте вместо этого:
<Scene key="pageTwo" component={PageTwo} title="PageTwo" navigationBarStyle={{ backgroundColor: 'red'}} />
4
Freez
9 Янв 2017 в 18:22
Спасибо, но я только что нашел решение здесь: github.com / aksonov / react-native-router-flux / issues / 160.
– splunk
9 Янв 2017 в 18:25
Похожие вопросы
Связанные вопросы
Новые вопросы
reactjs
React — это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную парадигму на основе компонентов и стремится быть эффективным и гибким.