次のように Stack Navigator を実装しました。
const MainNav = StackNavigator({
notes: { screen: NotesScreen },
addNote: { screen: AddNoteScreen }
}, {
initialRouteName: 'notes'
});
NotesScreen
my から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
ですか?
これは現在の問題のイメージです。