css - 在 FlatList 中使用溢出

Question

我在 FlatList 的所有项目中都有一个下拉菜单但是，最后一个项目的菜单将被 FlatList 容器切断。

在 Chrome 上调试后，我发现添加overflow: 'visible'到 FlatList 的div作品。但我没有办法覆盖它。我试过了

<FlatList
  ...others
  contentContainerStyle={{ overflow: 'visible' }}
/>

和

<FlatList
  ...others
  style={{ backgroundColor: 'red', overflow: 'visible' }}
/>

但它都不起作用。

这是我在 Chrome 检查器中看到的

<div> // style changes backgroundColor here, but ignoring overflow
  <div /> // contentContainerStyle changes this div
</div>

这是我的代码：

  <FlatList
    ref='flatList'
    data={data}
    extraData={someData}
    keyExtractor={item => item.id.toString()}
    renderItem={this.renderItem}
    CellRendererComponent={({ children, index, style, ...props }) => {
      return (
        <View style={[style, { zIndex: data.length - index }]} index={index} {...props}>
          {children}
        </View>
      )
    }}
    style={{ overflow: 'visible', backgroundColor: 'red' }}
    enableEmptySections
  />