做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>
后续完善~