美文网首页ReactNative
reactNative 骨架屏 rn-placeholder使用

reactNative 骨架屏 rn-placeholder使用

作者: 戴发夹的格格巫 | 来源:发表于2020-09-09 11:46 被阅读0次

rn-placeholder git连接地址,当前最新版本3.0.1

git上README文件给出了使用demo和安装说明,但是没有给出内部组件和属性,这里做下记录方便使用的时候进行查看

占位置组件

Placeholder,PlaceholderMedia,PlaceholderLine

动画效果组件 

Fade, Loader, Progressive,Shine,ShineOverlay

Placeholder 

属性 style,Left,Right,Animation

PlaceholderMedia 

属性 size(模块宽高的值), isRound(borderRadius的值,isRound ? size / 2 : 3),color,style

PlaceholderLine

属性 height(模块高度),width(宽度百分比),color,style,noMargin(marginBottom的值marginBottom = noMargin ? 0 : height)

相关文章

  • reactNative 骨架屏 rn-placeholder使用

    rn-placeholdergit连接地址,当前最新版本3.0.1 git上README文件给出了使用demo和安...

  • TABAnimation骨架屏框架闪白问题

    TABAnimation骨架屏框架闪白问题 在使用TABAnimation骨架屏框架时,UITableView首次...

  • iOS常用库列表

    1、TABAnimated 骨架屏参考链接 CocoaPods pod 'TABAnimated' 骨架屏自动生成...

  • 骨架屏( Skeleton Screen )

    骨架屏 什么是骨架屏 骨架屏英文叫 Skeleton Screen,也被称为加载占位图。它是在页面数据尚未加载前先...

  • Skeleton 骨架屏

    rn-placeholder

  • iOS骨架屏框架--->TABAnimated 使用文档

    iOS骨架屏框架--->TABAnimated 使用文档 参考信息: GitHub源码+开发文档: https:/...

  • 骨架屏

    一、简介 1.1 骨架屏 SPA应用,由于初始的html内部只有一个空的div,需要等待 js、css加载编译完成...

  • 骨架屏

    https://www.jb51.net/article/140019.htm

  • 骨架屏

    一、什么是骨架屏? 骨架屏可以理解为是在需要等待加载内容的位置提供一个占位图形组合,描绘了当前页面的大致框架的骨架...

  • 骨架屏

    https://mp.weixin.qq.com/s/ZZYSGMt3FAigYCBJEMRq9A

网友评论

    本文标题:reactNative 骨架屏 rn-placeholder使用

    本文链接:https://www.haomeiwen.com/subject/cckeektx.html