Полноэкранная карта внутри ящика вызывает задержку при нажатии элемента ящика - PullRequest
Новая
       10

Полноэкранная карта внутри ящика вызывает задержку при нажатии элемента ящика

0 голосов
/ 04 мая 2019

Итак, я сейчас работаю над приложением, которое должно иметь ящик с несколькими экранами, один из которых - карта.Большая проблема заключается в том, что когда я открываю ящик и перехожу на другой экран, впечатление очень медленное, потому что карту трудно рендерить.То, что я хочу сделать, это добавить некоторые слушатели событий или использовать некоторые навигационные реквизиты для того, чтобы отображать или не отображать карту, но списки событий реакции-навигации ('didBlur', 'didFocus' и т. Д.) Не помогли.Есть идеи? 

import React from 'react';
import { View, TouchableOpacity, SafeAreaView } from 'react-native';
import MapView, { PROVIDER_GOOGLE } from 'react-native-maps';
import { Icon } from 'native-base';

class HomeScreen extends React.Component {
    static navigationOptions =
        {
            drawerIcon: <Icon name="map" style={{ fontSize: 25 }} />,
            title: "Acasa"
        }
    render() {
        return (
            <MapView
                style={{ flex: 1, zIndex: 101 }}
                provider={PROVIDER_GOOGLE}
                region={{
                    latitude: 47.141515,
                    longitude: 27.565993,
                    latitudeDelta: 0.0922,
                    longitudeDelta: 0.0421,
                }}
            >
                <Icon name="menu" style={{ position: 'absolute', marginTop: 35, marginLeft: 15, fontSize: 50 }} onPress={() => {
                    this.setState({ isMapVisible: false })
                    this.props.navigation.openDrawer()
                }} />
            </MapView>

        )
    }
}

export default HomeScreen;
...