# 其他基本样式
opacity {number}
:取值范围为 [0, 1] 区间。默认值是 1,即完全不透明;0 是完全透明;0.5 是 50% 的透明度。background-color {color}
:设定元素的背景色,可选值为色值,支持RGB(rgb(255, 0, 0)
);RGBA(rgba(255, 0, 0, 0.5)
);十六进制(#ff0000
);精简写法的十六进制(#f00
);色值关键字(red
),默认值是transparent
。
# Android 兼容性
你有可能会遇如下Crash Unable to create layer for xxx 如果你的含有
background-color
的component
的大小 (长或宽) 超过了最大值, 因为这会使 OpenGL 内存区域发生OutOfMemory
。
你的
component
的允许的最大值与机器有关,但一般来说,如果你的component
的大小超过屏幕大小,就有可能触发Crash。
# 上手样式
如果对于样式写法需要更多上手参考,可参考每个组件的文档中,都有常见的例子可供参考。
你可以按照以下步骤来规划 jsn 页面的样式。
- 全局样式规划:将整个页面分割成合适的模块;
- flex 布局:排列和对齐页面模块;
- 定位盒子:定位并设置偏移量;
- 细节样式处理:增加特定的具体样式。