反应本机错误- VirtualizedLists不应嵌套在普通ScrollViews中

Question

我正在开发一个react原生应用程序，我必须将GooglePlacesAutocomplete放在Scrollview.This中，如下代码所示。

<ScrollView style={{flex: 1}>
    <GooglePlacesAutocomplete
      minLength={2}
      nearbyPlacesAPI={'GooglePlacesSearch'}
      debounce={400}
      placeholder="Origin Address"
      query={{
        key: GOOGLE_MAPS_API_KEY,
        language: 'en',
      }}
      onFail={error => console.log(error)}
      enablePoweredByContainer={false}
      onPress={(data, details = null) => {
        console.log(details.geometry.location);
      }}
      fetchDetails={true}
      returnkeyType={'search'}
    />
  </ScrollView>

Errors：VirtualizedLists不应该嵌套在具有相同方向的普通ScrollViews中，因为它可以破坏窗口和其他功能--使用另一个VirtualizedList支持的容器。

Answer 1

当您将眩晕flatList添加到ScrolView中时，会出现此错误，因此请尝试以下方法之一：

1. 将平面列表更改为水平列表
2. 禁用平面列表滚动，(从文档 disableScroll={false})。
3. 在ScrollView之外使用平面列表，就像在模态中一样。

根据反应-本机-谷歌-地点-自动完成的文档这一节说：

在ScrolView或FlatList中使用或如果需要包含此组件，请记住将keyboardShouldPersistTaps属性应用于所有祖先ScrollView或FlatList (请参阅这问题注释)。