Skip to content

Instantly share code, notes, and snippets.

@EddyVerbruggen
Created December 13, 2018 21:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save EddyVerbruggen/1b826c874c879a0d8458c4c352c7d1ad to your computer and use it in GitHub Desktop.
Save EddyVerbruggen/1b826c874c879a0d8458c4c352c7d1ad to your computer and use it in GitHub Desktop.
nativescript-keyboard-toolbar plugin demo for NativeScript Core
<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