This Tutorial demostrates how to Build custom components.
Row of cells with numbers and styles added to is implmented.
Parent component holds list of Cells, an Child represent each cell.
private options: ParentOptions = {
itemCount: 4,
borderColor: Color.Red,
cellHeight: 60,
cellWidth: 60,
borderWidth: 2,
backGroundColor: Color.Yellow
}
build() {
Column() {
Parent({ options: this.options, callBack: (selText)=>this.ClickSel(selText) })
}
.width('100%')
.height('100%')
}