Este ya se discutió, pero pude ver que todavía no hay una solución disponible para el problema. He leído todos los documentos sobre el asunto. El error que recibo es: "Las VirtualizedLists nunca deben anidarse dentro de ScrollViews simples con la misma orientación porque puede romper las ventanas y otras funciones; use otro contenedor respaldado por VirtualizedList en su lugar" En los documentos oficiales sobre el complemento, se sugiere la aplicación de <ScrollView keyboardShouldPersistTaps={'handled'}>. Sin embargo, esto no soluciona el problema. ¿Cómo puedo mostrarlo dentro de la vista de desplazamiento? Abajo está mi código Gracias
import React from 'react'; import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete'; export const GooglePlacesInput = () => { return ( <GooglePlacesAutocomplete placeholder='Search' onPress={(data, details = null) => { // 'details' is provided when fetchDetails = true console.log(data, details); }} query={{ key: 'my Key', language: 'en', }} /> ); };Y quiero mostrarlo dentro de la vista de desplazamiento.
export const IznajmiScreen = () => ( <> <IznajmiListContainer> <ScrollView keyboardShouldPersistTaps={'handled'} > <TextInput style={styles.input} placeholder="Naslov" /> <MyDatePickerStart/> <MyDatePickerEnd/> <GooglePlacesInput/> </ScrollView> </IznajmiListContainer> </> )Encontré la solución pero primero no agregue esto,
import { LogBox } from 'react-native'; LogBox.ignoreLogs(['VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.']);a su código. Simplemente está cerrando su aplicación para que no le advierta sobre errores.
Simplemente agregue "horizontal={true}" a cualquier ScrollView que envuelva su componente de esta manera.
<ScrollView horizontal={true} nestedScrollEnabled={true} keyboardShouldPersistTaps='handled' contentContainerStyle={{ flexGrow: 1 }} > <GooglePlacesAutocomplete/> </ScrollView>Feliz codificación desde Nigeria :).