0

次のように 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ですか?

これは現在の問題のイメージです。

問題のデモ

4

2 に答える 2