Include example action-bar flat property (#4618)

* Inlcude example for flat property

* Update xml
This commit is contained in:
SvetoslavTsenov
2017-07-31 13:11:07 +03:00
committed by GitHub
parent 0a695b0089
commit d949cc7128
3 changed files with 25 additions and 0 deletions

View File

@ -0,0 +1,15 @@
import { Label } from "tns-core-modules/ui/Label";
import { Page } from "tns-core-modules/ui/Page";
export function onNavigateTo(args) {
const actionBar = (<Page>args.object).actionBar;
args.object.flatPropertyValue = <Label>args.object.getViewById("flatPropertyValue");
actionBar.flat = true;
args.object.flatPropertyValue.text = "Action bar flat property is set to: " + actionBar.flat;
}
export function changeFlatPropertyValue(args) {
const actionBar = (<Page>args.object.page).actionBar;
actionBar.flat = !actionBar.flat;
args.object.page.flatPropertyValue.text = "Action bar flat property is set to: " + actionBar.flat;
}

View File

@ -0,0 +1,9 @@
<Page navigatedTo="onNavigateTo" >
<Page.actionBar>
<ActionBar title="Flat property" />
</Page.actionBar>
<StackLayout>
<Button margin="30" text="change flat property" tap="changeFlatPropertyValue"/>
<Label id="flatPropertyValue" />
</StackLayout>
</Page>

View File

@ -21,6 +21,7 @@ export function loadExamples() {
examples.set("actTransparentBgCss", "action-bar/transparent-bg-css");
examples.set("modalHiddenActBar", "action-bar/modal-test-hidden-action-bar");
examples.set("modalShownActBar", "action-bar/modal-test-with-action-bar");
examples.set("flat", "action-bar/flat");
return examples;
}