小编fre*_*ett的帖子

我正在使用React Native 的FlatList来渲染一堆堆叠在一起的项目。

这很好用，我设法使FlatList自身扩展其高度以填充可用空间，但我希望FlatList项目在有更多可用空间时增长。

使用ScrollView（简化伪代码）很容易做到这一点：

<ScrollView
  contentContainerStyle={{
    display: "flex",
    flexGrow: 1,
  }}
>
  <Item key={1} style={{ flexGrow: 1 }} />
  <Item key={2} style={{ flexGrow: 1 }} />
</ScrollView>

但是它不适用于FlatList（简化的伪代码）：

<FlatList
  contentContainerStyle={{
    display: "flex",
    flexGrow: 1,
  }}
  renderItem={({ index }) => <Item key={index} style={{ flexGrow: 1 }} />}
/>

我创建了一个 Expo Snack，展示了ScrollView成功种植元素和FlatList失败的元素。

网上似乎有很多关于使父项FlatList全高的讨论，但我一直在努力寻找有关使FlatList 项目 增长以填充可用FlatList高度的任何内容。

我需要使用，FlatList因为我计划使用react-native-draggable-flatlist来实现拖放并且找不到不使用 …

我试图通过将标题数组传递给选项来更改标题标题，但它不会覆盖标题。相反，它会在原始数据之前插入新的标头。我传递了相同数量的标题。

这是我的代码：

const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet(
  json,
  {header: headerColumns}
);

const wb: XLSX.WorkBook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, 'Transactions');
const excelBuffer: any = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });

this.saveAsExcelFile(excelBuffer, excelFileName);

输出如下所示：

我正在查看文档ag-grid，看起来没有事件可以捕获网格的行悬停事件。我的要求是当用户将鼠标悬停在该行上时在第一列上显示图像。它可能位于该行的任何列，不一定位于第一个单元格。我正在使用单元格渲染器和单元格编辑器并执行某些操作。（为简单起见，我没有在 plunker 链接中发布单元格编辑器代码）我怎样才能实现这一目标？

请参阅 plunkr 示例：https://plnkr.co/edit/NfuGp3iVheuCqglz

app.component.ts：

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
import {KaboobMenuComponent} from './kaboob-menu.component';
    
@Component({
  selector: 'my-app',
  template: `
    <ag-grid-angular
      #agGrid
      style="width: 100%; height: 100%;"
      id="myGrid"
      class="ag-theme-alpine"
      [columnDefs]="columnDefs"
      [defaultColDef]="defaultColDef"
      [rowData]="rowData"
      (gridReady)="onGridReady($event)"
       [frameworkComponents]="frameworkComponents"
    ></ag-grid-angular>
  `,
})

export class AppComponent {
  private gridApi;
  private gridColumnApi;
    
  private columnDefs;
  private defaultColDef;
  private rowData: [];
  public frameworkComponents;
    
  constructor(private http: HttpClient) {
    this.columnDefs = [
      {
        headerName: 'Participant',
        children: …