response-native-maps Ошибка с дочерними компонентами продолжает перемещаться местоположение? - PullRequest
Новая
       84

response-native-maps Ошибка с дочерними компонентами продолжает перемещаться местоположение?

0 голосов
/ 14 ноября 2018

https://ufile.io/1bdoq

Исправлена ​​ошибка: Обернутые дочерние компоненты Mapview могут или не могут оставлять родительский компонент при загрузке приложения.

Simulator: iOS iPhone 6 xCode 10

Окружающая среда: response-native-cli: 2.0.1 реактивный: 0.57.0 «response-native-maps»: «^ 0.22.1», 

import React, { Component } from 'react';
import {View, Text, TouchableOpacity} from 'react-native'
import MapView from 'react-native-maps';
import { SearchBar } from 'react-native-elements'
import FontAwesome5 from 'react-native-vector-icons/dist/FontAwesome5'
export default class Search extends Component {
    static navigationOptions = {
        title: 'Search',
        header: null
    };

    constructor(props){
        super(props);
        this.state = {
            region: {
                latitude: 37.78825,
                longitude: -122.4324,
                latitudeDelta: 0.0922,
                longitudeDelta: 0.0421,
            },
        }
    }

    onRegionChange(region) {
        this.setState({ region });
    }

    render(){
        return(
            <View style={{flex:1}}>
                <MapView
                    style={{flex: 1}}
                    onRegionChange={(region) => this.onRegionChange(region)}
                    initialRegion={this.state.region}
                >
                    <SearchBar
                        containerStyle={{backgroundColor: 'rgba(0,0,0,0)', borderTopWidth: 0, borderBottomWidth: 0, marginLeft: 10, marginRight: 10}}
                        inputStyle={{backgroundColor: 'white', marginTop: 30}}
                        icon={{type: 'material', color: '#86939e', name: 'search',style:{marginTop: 22, zIndex: 9999999}}}
                        lightTheme
                    />
                    <TouchableOpacity style={{ height: 30, width: 150, backgroundColor:'white', justifyContent: 'center', paddingLeft: 10, paddingRight: 10}}>
                        <Text style={{textAlign: 'center'}}>Current Location</Text>
                    </TouchableOpacity>
                    <TouchableOpacity style={{ height: 30, width: 30, backgroundColor:'blue', justifyContent: 'center'}}>
                        <FontAwesome5 name="location-arrow" size={20} color="white"/>
                    </TouchableOpacity>
                </MapView>
            </View>
        )
    }

}

1 Ответ

0 голосов
/ 14 ноября 2018

пожалуйста, закройте.ЧИТАЙТЕ ДОКУМЕНТЫ. Не оборачивайте ваши компоненты внутри карты, но поместите их под ними и используйте абсолют.

...