mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-16 03:31:45 +08:00
Include example action-bar flat property (#4618)
* Inlcude example for flat property * Update xml
This commit is contained in:
15
apps/app/ui-tests-app/action-bar/flat.ts
Normal file
15
apps/app/ui-tests-app/action-bar/flat.ts
Normal 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;
|
||||
}
|
9
apps/app/ui-tests-app/action-bar/flat.xml
Normal file
9
apps/app/ui-tests-app/action-bar/flat.xml
Normal 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>
|
@ -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;
|
||||
}
|
Reference in New Issue
Block a user