response-native-google-places-autocomplete не работает при переносе с помощью представления

Я новичок в реагировании на родную реакцию и прямо сейчас сталкиваюсь с этой проблемой:

google-places-autocomplete не работает при переносе в представление (прокрутка вниз не отображается), когда я удаляю представление, оно работает.

журнал консоли ничего не отображает, эмулятор Android еще.

помочь кому-нибудь? Спасибо, в любом случае :)

import React,{useState} from 'react';
import FormCity from '../components/FormCity';
import {View,Text} from 'react-native';

const addFlightScreen = () => {

    const [destination,setDest] = useState("");

  return (
      <View>
          <FormCity onDest={setDest}/>
          <Text>Hello</Text> 
      </View>
  );
};

export default addFlightScreen;

а также

import React from 'react'; import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete';

const FormCity = ({onDest}) => {

  return (
        <GooglePlacesAutocomplete
            placeholder='Enter Country, City (your destination)'
            minLength={2}
            autoFocus={false}
            returnKeyType={'default'}
            keyboardAppearance={'light'}
            listViewDisplayed='auto'
            fetchDetails={true}
            renderDescription={row => row.description}
            onPress={(data, details = null) => {
                onDest(data.description);
                console.log(data.description);
            }}
            getDefaultValue={ () => ''}
            query={{
                key: 'API_KEY',
                language: 'en',
                types: '(cities)'
            }}
            styles={{
                textInputContainer: {
                    width: '100%'
                },
                description: {
                    fontWeight: 'bold'
                },
                predefinedPlacesDescription: {
                    color: '#1faadb'
                }

            }}
            
    />   ); };

export default FormCity;

person NivKaduri    schedule 02.01.2021    source источник


Ответы (2)


Это зависит от вашего варианта использования. Но я столкнулся с этой проблемой, и мое решение заключалось в том, чтобы поместить компонент Places в главный вид страницы (flex: 1 OR full height width) в качестве его последнего дочернего элемента и сделать его положение абсолютным. Потому что, когда вы вводите поиск, его высоту нужно динамически увеличивать. Попробуйте придать стили своему родительскому представлению.

person MyPro    schedule 03.01.2021
comment
работал :) большое спасибо - person NivKaduri; 03.01.2021

В родительском представлении добавьте flexGrow: 1

return (
  <View style={{ flexGrow: 1 }}>
      <FormCity onDest={setDest}/>
      <Text>Hello</Text> 
  </View>
);
person Hussain Pettiwala    schedule 17.06.2021