RN官网回顾

做RN已经两年了,RN的更新速度很快,新的特性层出不穷,现在是时候过一遍新特性了。

ps:我是从RN的API列表倒叙看的,只要我不太熟悉的都会记上

View Style Props:

backfaceVisibility
隐藏被旋转的 div 元素的背面
elevation
安卓Z轴高度,可以用来制造阴影。后续会探索效果并补充

Transforms

坐标轴定义:

X轴正方向:手机右侧为正,向左为负;
Y轴正方向:手机下方为正,上方为负;
Z轴正方向:从手机背面向屏幕指向为负,反之从屏幕向背面指向为正;

字段分类:

1.translate[X,Y] 移动
2.rotate[X,Y,Z] 旋转 (手机的X,Y相当与缩放,Z旋转)
3.scale[X,Y] 缩放
4.skew[X,Y] 倾斜(可以制造斜体字)

使用例子:

    <Text style={{ transform: [{ translateX: 100 }, { rotateY: '-90deg' }] }}>Welcome to React Native!</Text>

后续完善~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • refs: https://developer.android.google.cn/guide/topics/se...
    richy_阅读 42,060评论 5 31
  • 初等数学2300年之重大错误:将无穷多各异点集误为同一集 ——让中学生也能一下子认识3000年都无人能识的直线段 ...
    hxl268阅读 542评论 0 0
  • 看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印象,因...
    DCbryant阅读 1,896评论 0 4
  • CSS里transform变形这个属性有点学习难度,尤其在CSS3里加上了3D效果之后,2维变3维学习成本更是成倍...
    BULL_DEBUG阅读 911评论 0 1
  • 昨晚的课程已进入第二个阶段,是我最要学习的加人方法,今晚分享的2种加人方法是添加附近人和利用热门电影主动引流吸粉,...
    宾晓青阅读 232评论 0 0