绝对位置的平面列表不滚动

Question

我遇到了这个问题：将position: 'absolute'设置为样式时，ListView fails to scroll使用Flatlist。

flex: 1无济于事。设置高度确实可以-但不切实际。

在我的项目中，我使用的是自动完成功能：react-native-google-places-autocomplete，需要将其设置为position: 'absolute', zIndex: 1-因此它会显示在其他屏幕内容的顶部，而不会将其按下。除非zIndex: 1变得不可选择。

仅用平面列表即可复制。如何flex: 1 and position:'aboslute'同时保持可滚动状态？

export default class App extends Component {

  state = {
    data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14,15,16, 17, 18, 19, 20, 21, 22, 23, 24,
    25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47,
    48, 49, 50, 51, 52, 53, 54, 55, 56,57, 58, 59, 60, 61, 62
    ]
  }

  render() {
    return (
     <FlatList
        style={{flex: 1, position: 'absolute', backgroundColor: 'white'}} 
        data={this.state.data}
        renderItem={({item}) => {
          return <Text>{item}</Text>
        }}
        keyExtractor={(item) => item.toString()}
        />
    );
  }
}

不会滚动。