NickIliev

    
{
    "useLegacyWorkflow": false
}

NickIliev

tns run

NickIliev

<GridLayout id="outmost" margin="10" backgroundColor="orangered" tap="onTap" >
	<GridLayout id="middle" margin="50" backgroundColor="lightgray" tap="onTap">
		<GridLayout id="inner" margin="50" backgroundColor="blue" tap="onTap"> <!-- The StackLayout will propagete the tap gesture to its parents -->
			<Button text="Button" id="my-button" width="100" height="200" tap="onTap" backgroundColor="whitesmoke" /> <!-- The Button has its own tap logic and won't propagate the tap event -->
		</GridLayout>
	</GridLayout>
</GridLayout>

NickIliev

export function onTap(args: EventData) {
    console.log(`>>>>>>>>>>> onTap invoked from: ${args.object}`);
    
    const view: View = args.object as View;
    animate(view);
}

NickIliev

<GridLayout id="outmost" margin="10" backgroundColor="orangered" tap="onTap">
	<GridLayout id="middle" margin="50" backgroundColor="lightgray" tap="onTap">
		<StackLayout id="inner" margin="50" backgroundColor="blue" tap="onTap" isPassThroughParentEnabled="true">
			<Button text="Active Button" id="button-active" tap="onTap" backgroundColor="whitesmoke" margin="20" height="100"/>
			<Button isUserInteractionEnabled="false" text="DISABLED Button" id="button-disabled" tap="onTap" backgroundColor="gray" margin="20" height="100"/>
		</StackLayout>
	</GridLayout>
</GridLayout>