Кнопка ReactNativeElements в заголовке не может быть нажата на iPhone. (оставил)

Question

Я сейчас работаю над проектом Экспо. У меня есть компонент заголовка сверху с TouchableOpacity в качестве левого компонента. Это можно нажимать на Android, а также на iPadOS. Но на любом iPhone Кнопка не активна. Любая идея, как это могло произойти?

Пример компонента:

import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import MenuButton from '../components/MenuButton';
import Layout from '../constants/Layout';
import { Header } from 'react-native-elements';
import { withTheme } from '../classes/themeProvider';

class TestScreen extends Component {
    constructor(props) {
        super(props);
        this.state = {};
    }

    render() {
        return (
            <View style={[styles.container, { backgroundColor: this.props.theme.appBackground }]}>
                <Header
                    leftComponent={<MenuButton navigation={this.props.navigation} />}
                    centerComponent={{
                        text: 'Test',
                        style: {
                            color: this.props.theme.tabBarText,
                            fontSize: Layout.headerTextSize,
                        },
                    }}
                    containerStyle={{
                        backgroundColor: this.props.theme.tabBar,
                        borderBottomWidth: 0,
                    }}
                />
                <Text style={{ color: this.props.theme.lightTextColor, margin: 10 }}>
                    Bald verfügbar!
                </Text>
            </View>
        );
    }
}

export default withTheme(SecuronScreen);

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
});

MenuButton выглядит так:

import React from 'react';
import { TouchableOpacity} from 'react-native';
import {Icon} from "react-native-elements";
import {withTheme} from "../classes/themeProvider";

class MenuButton extends React.Component {
    render() {
        return (
            <TouchableOpacity
                onPress={() => this.props.navigation.toggleDrawer()}
            >
                <Icon
                    name='menu'
                    color={this.props.theme.tabBarText}
                />

            </TouchableOpacity>
        );
    }
}

export default withTheme(MenuButton);