Grid组件如何实现高度自适应？

Question

Grid组件如何实现高度自适应

Answer 1

计算展示的行数rowCount，根据rowCount得出GridHeight、GridRowsTemplate

参考代码：

getCategoryRowCount() { 
  return Math.ceil(this.categories.length / 2); 
} 
 
getCategoryRowTmpl() { 
  const count = this.getCategoryRowCount(); 
  const arr: string[] = new Array(count || 1).fill('1fr'); 
  console.log('tmpl ', arr.join(' ')) 
  return arr.join(' '); 
} 
 
getCategoryViewHeight() { 
  return `${130 * this.getCategoryRowCount()}vp`; 
} 
 
Grid() {} 
.height(this.getCategoryViewHeight()) 
.columnsTemplate('1fr 1fr') 
.rowsTemplate(this.getCategoryRowTmpl())