Я занимаюсь разработкой мобильного приложения с использованием React Native.Я использую навигацию React, https://reactnavigation.org/ для навигации.Но у меня возникла проблема с встраиванием кнопки в панель действий, панель инструментов или панель навигации, или как вы хотите ее назвать.Но это не работает.
class HomeScreen extends React.Component {
static navigationOptions = ({ navigation }) => {
return {
headerTitle: "This is the title",
headerRight: (
<Button
onPress={() => {
}}
title="+1"
color="#fff"
/>
),
};
};
constructor(props) {
super(props)
this.state = {
active: 'true'
};
}
render() {
return (
<Container>
<View style={{ flex: 1 }}>
<Content padder>
<Tabs>
<Tab heading="Shuffles">
<Playlists />
</Tab>
<Tab heading="Public">
<Playlists />
</Tab>
<Tab heading="My Playlists">
<Playlists />
</Tab>
</Tabs>
</Content>
</View>
</Container>
)
}
}
export default HomeScreen;
Как вы можете видеть в моем коде, я меняю заголовок и добавляю кнопку справа следующим образом.
static navigationOptions = ({ navigation }) => {
return {
headerTitle: "This is the title",
headerRight: (
<Button
onPress={() => {
}}
title="+1"
color="#fff"
/>
),
};
};
Но этоизменяя только заголовок, но не добавляя кнопку справа, как вы можете видеть на скриншоте ниже.
Почему кнопка не добавлена направо?