React Native Maps — плавное перемещение маркера от одной координаты к другой

Я делаю приложение для отслеживания с RN 0.50.1 и использую реагирующие нативные карты для отображения местоположения пользователя на картах с пользовательским изображением в реквизитах «изображения» MapView.Marker.

Местоположение работает нормально, отслеживание также работает нормально, но проблема в том, что маркер перескакивает с одной координаты на другую при долгом изменении широты. Попробовали установить состояние с помощью MapView.AnimatedRegion и обновить координаты с помощью метода синхронизации, но безуспешно. Также использовали https://github.com/airbnb/react-native-maps/blob/master/example/examples/AnimatedMarkers.js пример, но все равно не повезло, что объясняет использование Animated.Region, но выдает ошибку Animated.Region не является конструктором .

Мне нужно плавное движение маркера на долгом изменении широты.

Мой файл Package.JSON -

{
"name": "XXXX",
"version": "0.0.1",
"private": true,
"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
},
"dependencies": {
    "firebase": "^4.6.1",
    "lottie-react-native": "^2.2.7",
    "moment": "^2.19.1",
    "react": "^16.0.0",
    "react-native": "0.50.1",
    "react-native-android-permissions": "^1.0.0",
    "react-native-code-push": "^5.1.3-beta",
    "react-native-maps": "^0.17.1",
    "react-native-responsive-dimensions": "^1.0.1",
    "react-native-router-flux": "^4.0.0-beta.22",
    "react-native-simple-toast": "0.0.7",
    "react-native-vector-icons": "^4.4.2"
},
"devDependencies": {
    "babel-jest": "21.2.0",
    "babel-preset-react-native": "4.0.0",
    "jest": "21.2.1",
    "react-test-renderer": "16.0.0"
},
"jest": {
    "preset": "react-native"
}

}

Любая помощь приветствуется. Пожалуйста.


person Krunal Panchal    schedule 18.11.2017    source источник


Ответы (1)


Я думаю, вы хотите взглянуть на MapView методы (например, animateToCoordinates).

person kytwb    schedule 29.11.2017