ActionBar Blocking Events on Android by default about nativescript

[CatchABus]

That seems to be the native behaviour as explained here: https://stackoverflow.com/questions/30425786/how-to-click-views-behind-a-toolbar

We can probably use the solution described.

[AndriusZal]

If I understand correctly, this solution advises me to create a separate class with toolbar extension and use that class to create each toolbar. Is there a possibility to have a solution from NativeScript side that I would be able to keep my implementation on JS?

[AndriusZal]

UPDATE: apparently, not only ActionBar element don't pass the events to the parent element by default. After some more testing I've found that that if you wrap your elements in ScrollView, all the events around the screen will not be passed as well. In this example, I have attached event listener to the rootView and I will only be able to trigger event if I press on the button because it has another event listener attached.

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
    <ActionBar title="My App" icon="" />
    <ScrollView>
        <StackLayout class="p-20">
            <Label text="Tap the button" class="h1 text-center" />
            <Button text="TAP" tap="{{ onTap }}" class="-primary" />
            <Label text="{{ message }}" class="h2 text-center" textWrap="true" />
        </StackLayout>
    </ScrollView>
</Page>

If I remove ScrollView, then I will get events across all screen except ActionBar:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
    <ActionBar title="My App" icon="" />
      <StackLayout class="p-20">
          <Label text="Tap the button" class="h1 text-center" />
          <Button text="TAP" tap="{{ onTap }}" class="-primary" />
          <Label text="{{ message }}" class="h2 text-center" textWrap="true" />
      </StackLayout>
</Page>