[Feature request] Missing MapView camera change event listeners in the Navigation SDK for React Native

Đang mở
  • Có gì không ổn?
#449 2 bình luận 0 reaction 1 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 5 ngày

@illuminati1911 đang làm issue này rồi.

Từ ngày 16/7/2025.

Đánh giá

Issue này chưa được đánh giá.

Mô tả

priority: p3 type: feature request
Is there an existing issue for this?
  • I have searched the existing issues
Description of the bug

I'm trying to detect camera movement events (e.g. onCameraIdle, onCameraMove) using the Navigation SDK for React Native, but these listeners don't appear to be exposed in the current version. I’ve checked the documentation and tried using mapViewCallbacks, but no camera-related events are triggered.

Would it be possible to expose these listeners or provide an alternative way to track camera changes?

React Native version

0.73.6

React version

18.2.0

Package version

0.9.3

Native SDK versions
  • I haven't changed the version of the native SDKs
React Native Doctor Output

$ npx react-native doctor
⠴ Running diagnostics...'"adb"' is not recognized as an internal or external command,
operable program or batch file.
Common
✓ Node.js - Required to execute JavaScript code
✓ npm - Required to install NPM dependencies
● Metro - Metro Bundler is not running

Android
✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device.
✖ JDK - Required to compile Java code

  • Version found: 11.0.16.1
  • Version supported: >= 17 <= 20
    ✖ Android Studio - Required for building and installing your app on Android
    ✖ ANDROID_HOME - Environment variable that points to your Android SDK installation
    ✓ Gradlew - Build tool required for Android builds
    ✖ Android SDK - Required for building and installing your app on Android
  • Versions found: N/A
  • Version supported: .b34.0.0

Errors: 5
Warnings: 1

Steps to reproduce

Add a component to your screen.

  1. Pass the following mapViewCallbacks:
<MapView
  mapViewCallbacks={{
    onCameraMoveStarted: (reason) => {
      console.log('Camera move started:', reason);
    },
    onCameraMove: () => {
      console.log('Camera is moving');
    },
    onCameraIdle: () => {
      console.log('Camera is idle');
    },
  }}
  onMapViewControllerCreated={setMapViewController}
/>

  1. Interact with the map by dragging or zooming.

  2. Observe the console

Expected vs Actual Behavior
<MapView
  mapViewCallbacks={{
    onCameraMoveStarted: (reason) => {
      console.log('Camera move started:', reason);
    },
    onCameraMove: () => {
      console.log('Camera is moving');
    },
    onCameraIdle: () => {
      console.log('Camera is idle');
    },
  }}
  onMapViewControllerCreated={setMapViewController}
/>

The following logs should be printed during user interaction:

  • Camera move started: [reason]
  • Camera is moving
  • Camera is idle
Code Sample
<MapView
  mapViewCallbacks={{
    onCameraMoveStarted: (reason) => {
      console.log('Camera move started:', reason);
    },
    onCameraMove: () => {
      console.log('Camera is moving');
    },
    onCameraIdle: () => {
      console.log('Camera is idle');
    },
  }}
  onMapViewControllerCreated={setMapViewController}
/>
Additional Context

No response

Ngôn ngữ chính
TypeScript
Star
226
Fork
39
Merge trung bình
1 ngày 20 giờ
Pull request đã merge (30 ngày)
7

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của googlemaps/react-native-navigation-sdk

Tất cả issue của googlemaps/react-native-navigation-sdk

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.