Nikolay Iliev NickIliev
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "useLegacyWorkflow": false | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| tns run |
NickIliev
/ event-propagation-nativescript.xml
Created
August 14, 2019 11:26
Event propagation (bubbling) in NativeScript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ event-propagation-nativescript.ts
Created
August 14, 2019 11:35
Event propagation (bubbling) in NativeScript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export function onTap(args: EventData) { | |
| console.log(`>>>>>>>>>>> onTap invoked from: ${args.object}`); | |
| const view: View = args.object as View; | |
| animate(view); | |
| } |
NickIliev
/ is-pass-through-parent-enabled.xml
Last active
August 14, 2019 12:25
Using isPassThroughParentEnabled property to pass gestures from disabled button to a parent layout.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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> |
OlderNewer