View是Doric中所有视图组件的基类
API
属性如下：
| 属性 | 类型 | 描述 |
|---|---|---|
| width | number | 控件宽度 |
| height | number | 控件高度 |
| backgroundColor | Color | 控件背景色 |
| corners | number | { leftTop?: number; rightTop?: number; leftBottom?: number; rightBottom?: number } |
圆角半径，可分别定义上下左右四个圆角半径 |
| border | { width: number; color: Color; } |
边框，可设置宽度及颜色 |
| shadow | { color: Color; opacity: number; radius: number; offsetX: number; offsetY: number} |
阴影，可设置阴影颜色，透明度，阴影半径及偏移位置 |
| alpha | number | 控件透明度，取值范围为[0-1] |
| hidden | boolean | 控件是否为隐藏 |
| padding | {left?: number,right?: number,top?: number,bottom?: number,} |
控件内边距 |
| layoutConfig | LayoutConfig |
控件的布局属性 |
| onClick | ()=>void |
控件的点击回调 |
自定义视图组件
原生视图组件
您可以通过这篇文档方便地将原生的视图组件转为Doric控件。
JS封装组件
您可参考文档定义视图组件