Header's ActionComponent events are not working

[maqeelqureshi]

I am trying to add animated drawer button in header component using LeftActionComponent property.

Button in header is rendering properly but it's onPress event is not working. How will this work?

     import { Button, Header } from "../../components"
       <Header
            titleTx="screen1.title"
            LeftActionComponent={
                 <Button
                          text="drawer"
                          onPress={() => {
                                  console.log("drawer clicked")  // This never prints
                          }}
                 ></Button>

            // <DrawerIconButton
            //   onPress={() => {
            //     toggleDrawer()
            //   }}
            //   {...{ open, progress }}
            // />
          } 
      >
     </Header>

[ryskin]

Is the sample you commented is working?

[maqeelqureshi]

No, its not working.

[frankcalise]

Hey this is actually a bug within header, I'm going to reopen your issue and just describe it more to add details. Thanks for the report!

[maqeelqureshi]

frankcalise suggestion of setting zIndex: 2 to the $container style worked for me.

ref##2320