次のように Stack Navigator を実装しました。
const MainNav = StackNavigator({
notes: { screen: NotesScreen },
addNote: { screen: AddNoteScreen }
}, {
initialRouteName: 'notes'
});
NotesScreenmy からmyに移動するとAddNoteScreen、期待どおりに戻る矢印が表示されます。AddNoteScreenただし、次を使用するためにヘッダーのスタイルを設定しましたnavigationOptions。
static navigationOptions = () => ({
title: 'Add a note',
headerStyle: {
height: Platform.OS === 'android' ? 54 + STATUS_BAR_HEIGHT : 54,
backgroundColor: '#2196F3'
},
headerTitleStyle: {
marginTop: Platform.OS === 'android' ? STATUS_BAR_HEIGHT : 0,
color: 'white'
}
})
headerTitleStyleが Android の戻る矢印に影響を与えなくなりました。Android の戻る矢印に と同じスタイルを採用させるにはどうすればよいheaderTitleStyleですか?
これは現在の問題のイメージです。
