Created
December 13, 2018 21:20
-
-
Save EddyVerbruggen/1b826c874c879a0d8458c4c352c7d1ad to your computer and use it in GitHub Desktop.
nativescript-keyboard-toolbar plugin demo for NativeScript Core
This file contains 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
<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:kt="nativescript-keyboard-toolbar"> | |
<!-- This GridLayout wrapper is required; it wraps the visible layout and the Toolbar layout(s) --> | |
<GridLayout> | |
<StackLayout> | |
<Label text="Some text"/> | |
<!-- Add an 'id' property that we can reference below --> | |
<TextField id="priceTextField" hint="Enter the price" keyboardType="number"/> | |
</StackLayout> | |
<!-- The 'forId' and 'height' properties are mandatory --> | |
<kt:Toolbar forId="priceTextField" height="44"> | |
<GridLayout columns="*, *, *" class="toolbar"> | |
<Label col="0" text="👍" tap="{{ appendToTextView }}"/> | |
<Label col="1" text="👎" tap="{{ appendToTextView }}"/> | |
<Label col="2" text="😄" tap="{{ appendToTextView }}"/> | |
</GridLayout> | |
</kt:Toolbar> | |
</GridLayout> | |
</Page> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment