{N} wrapper for this awesome animation library
Good question, as NativeScript already has outstanding CSS animation support!
Make sure you check that out as well, but if you or your designer is a sucker for After Effectsto create crazily complex (and beautiful) animations then this is the plugin for you.
From the command prompt go to your app's root folder and execute:
tns plugin add nativescript-keyframes
Want to dive in quickly? Check out the demo. Which looks like this (YouTube video). Otherwise, continue reading.
You can run the demo app from the root of the project by typing npm run demo.ios.device
.
This plugin makes most sense when used from XML, which is done like this:
<Page xmlns:Keyframes="nativescript-keyframes">
<Keyframes:KeyframesView
class="keyframe"
width="200"
height="200"
source="keyframes/logo.json">
</Keyframes:KeyframesView>
</Page>
To make the image look transparent on Android currently,you need to set the background color to that of the parent container, so in your css
file add:
.keyframe {
background-color: #DDD;
}
The source
property refers to a folder inside your app,so in this case we expect this file: app/keyframes/logo.json
NativeScript 可以使用 Javascript,CSS, XML 创建真正的 Native 跨平台应用,支持 iOS Android,NativeScript 将您的跨平台代码翻译成目标平台的代码。 UI 使用 XML 描述,CSS 样式,在编译时将 UI 转化成本地原生代码,最终得到正在的 Native 原生应用。 Telerik 公开了用于创建安卓、iOS和Windows Unive
NativeScript Command-Line Interface The NativeScript CLI lets you create, build, and deploy NativeScript-based apps on iOS and Android devices. Get it using: npm install -g nativescript What is Native
NativeScript-Snackbar �� �� �� NativeScript plugin for Material Design SnackBar component. Installation: NativeScript 7+:tns plugin add @nstudio/nativescript-snackbar NativeScript version prior to 7:t
Nativescript-Ripple This plugin aims to bring a native (or close to native) ripple implementation on Android and iOS. The android version uses a RippleDrawable and conserves the previous background, a
NativeScript-FloatingActionButton NativeScript plugin for Material Design Floating Action Button UI component. Installation Nativescript 7+: ns plugin add @nstudio/nativescript-floatingactionbutton Na
NativeScript CardView A NativeScript plugin to provide an XML widget to implement the Material Design CardView component. Installation NativeScript 7+: ns plugin add @nstudio/nativescript-cardview Nat