首页
前端开发
Typescript
nativescript-gif原生GIF渲染插件

nativescript-gif原生GIF渲染插件

0 次浏览 0 条评论
zip
zip

本机播放 GIF 的 NativeScript 插件，叫 nativescript-gif，用起来还挺顺手的。支持 Android 和 iOS，底层直接调了各自系统的 GIF 库，渲染不卡顿，效果也蛮自然。

NativeScript 7+直接装：tns plugin add nativescript-gif。如果你项目还在跑 7 以下的老版本，那就装：tns plugin add nativescript-gif@4.0.6。版本区分清楚，省得踩坑。

用法也不复杂，页面上加个xmlns:Gif="nativescript-gif"就行了，像这样：

平常你要在 App 里搞个动图 loading，或者展示动画角色图，靠这个插件就比较稳，性能也还不错。Android 那边走的是本地库，iOS 则用了 CocoaPod，跨平台表现统一。

哦对了，别忘了检查src路径和资源打包，有时候 iOS 容易漏资源包。你也可以参考下Android 播放 GIF 动画或iOS 上展示 GIF 图像这些文章，思路都通的。

如果你在搞 NativeScript 项目，又正好有动图展示的需求，这个插件蛮适合直接上手试试的，配置不多，上手快。

zip
nativescript-gif-master.zip 预估大小：75个文件
folder
nativescript-gif-master 文件夹
folder
publish 文件夹
file
pack.sh 1KB
file
publish.sh 138B
file
package.json 166B
folder
.github 文件夹
folder
workflows 文件夹
file
build.yml 1KB
folder
src 文件夹
file
gif.android.ts 3KB
folder
scripts 文件夹
file
build-native.js 622B
file
.npmignore 376B
file
gif.d.ts 2KB
file
tsconfig.json 684B
file
gif.ios.ts 4KB
folder
platforms 文件夹
folder
ios 文件夹
folder
nativescriptgif 文件夹
folder
app 文件夹
folder
App_Resources 文件夹
folder
iOS 文件夹
file
Info.plist 2KB
file
Podfile 31B
folder
android 文件夹
file
include.gradle 156B
file
references.d.ts 127B
folder
typings 文件夹
file
FLAnimatedImage.d.ts 3KB
file
gif.common.ts 565B
file
package-lock.json 50KB
file
package.json 2KB
folder
images 文件夹
file
android_sample.gif 3.72MB
file
ios_sample.gif 7.37MB
file
nstudio-banner.png 24KB
folder
demo 文件夹
file
webpack.config.js 13KB
file
nativescript.config.ts 317B
file
tsconfig.json 407B
folder
app 文件夹
file
main-page.ts 1KB
file
app.ts 95B
file
app-root.xml 44B
file
main-page.xml 2KB
folder
App_Resources 文件夹
folder
Android 文件夹
folder
src 文件夹
folder
main 文件夹
file
AndroidManifest.xml 1KB
folder
res 文件夹
folder
drawable-ldpi 文件夹
file
icon.png 6KB
folder
drawable-hdpi 文件夹
file
icon.png 11KB
folder
drawable-nodpi 文件夹
file
splashscreen.9.png 26KB
folder
drawable-mdpi 文件夹
file
icon.png 7KB
file
app.gradle 173B
folder
iOS 文件夹
file
icon.png 31KB
file
icon-40@2x.png 34KB
file
Info.plist 1KB
file
Icon-Small-50.png 31KB
file
icon-72@2x.png 41KB
file
icon-72.png 33KB
file
Default-Landscape@2x.png 187KB
file
Icon-Small-50@2x.png 36KB
file
icon-60.png 32KB
file
Icon-Small@2x.png 31KB
file
Default-Landscape.png 61KB
file
Default-Portrait.png 60KB
file
Default-Landscape-667h@2x.png 123KB
file
Default-Landscape-568h@2x.png 63KB
file
icon-60@2x.png 39KB
file
Default-736h@3x.png 180KB
file
icon-76@2x.png 43KB
file
Icon-Small.png 29KB
file
icon-40.png 30KB
file
Default-Landscape@3x.png 198KB
file
Default-667h@2x.png 112KB
file
icon-76.png 33KB
file
Default-568h@2x.png 62KB
file
icon@2x.png 38KB
file
Default.png 20KB
file
Default@2x.png 61KB
file
Default-Portrait@2x.png 182KB
file
app.css 184B
folder
gifs 文件夹
file
meatwad.gif 647KB
file
bill.gif 2.71MB
file
hammer.gif 1.08MB
file
darthRide.gif 500KB
file
karma.conf.js 3KB
file
package-lock.json 335KB
file
package.json 795B
file
.prettierrc 42B
file
LICENSE.md 1KB
file
tslint.json 1KB
file
README.md 4KB
file
.gitignore 512B
file
package.json 513B
...
zip 文件大小：17.54MB