Material AppBarLayout 的 NativeScript 实现

该模块在 iOS 和 Android 上实现 AppBarLayout。布局扩展了 nativescript GridLayout。使用 "nativescript-nbmaterial-coordinator" 来制作像粘性标题或滚动时隐藏标题的动画效果。AppBarIcon 和 AppBarTitle 扩展了 nativescript Label。您可以使用像 material-icons 或 font-awesome 这样的字体库。

  <!--
The markup in NativeScript apps contains a series of user interface components, each
of which NativeScript renders with a platform-specific iOS or Android native control.
You can find a full list of user interface components you can use in your app at
https://docs.nativescript.cn/ui/components.
-->
<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
xmlns:app="nativescript-nbmaterial-appbar" navigatingTo="onNavigatingTo">
	 <GridLayout rows="*" columns="*" id="root">  
		<app:AppBarLayout columns="auto,*,auto,auto" rows="auto,auto" id="actionbar">
			<app:AppBarIcon text="list" col="0"/>
			<app:AppBarTitle text="My Application" col="1"/>
			<app:AppBarIcon text="notifications" col="2"/>
			<app:AppBarIcon text="search" col="3" tap="openSearch"/> 
		</app:AppBarLayout>  
	</GridLayout>
</Page>

}

查看所有模块