Skip to content

Using titleComponent and leftCorner isn´t compatible #101

Open
@BigPun86

Description

@BigPun86

Hey there!

I have a component where i use a custom titleComponent with an custom leftCorner component. I need the leftCorner to trigger my side menu. now i have figured out, when i only use the leftCorner everything is fine. i can trigger the sidemenu with the customAction callback in my Router. Now when i use both, leftCorner and titleComponent, then my leftCorner "button" won´t be triggered....

Anyone with similar issue or some hints?

this.props.toRoute({
    name: 'HOME',
    component: Routes.Dashboard,
    //titleComponent: Title,
    //titleProps: {...this.props},
    leftCorner: BurgerMenu,
    headerStyle: {backgroundColor: 'white'}
})

export class BurgerMenu extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <TouchableHighlight
                underlayColor={'transparent'}
                onPress={()=>this.props.customAction("BurgerMenu")}>
                <Image source={Theme.Images.ICONS_BURGER_MENU} style={styles.burgerMenu}/>
            </TouchableHighlight>
        )
    }
}

export class Title extends Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <Text style={[styles.navBarText, Theme.mix('textSemiBold|medium|regular')]}>{translate('camigos')}</Text>
        )
    }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions