react-native-meridian-maps

Installation

npm install react-native-meridian-maps

How to use

import { MeridianMapView } from 'react-native-meridian-maps';

export default function App() {
  return (
    <SafeAreaView>
        <MeridianMapView />
    </SafeAreaView>
  );
}

Explanation

Event driven communication between React Native and Native layers(iOS, android).

android: android/src/main/java/com/meridianmaps/MapViewFragment.java -

  private void sendEvent(String eventName, @androidx.annotation.Nullable com.facebook.react.bridge.WritableMap params)

iOS: ios/MeridianCustom/MMEventEmitter.m -

swift - (void)emitCustomEvent: (NSString *)eventName body: (NSDictionary *)body

ScreenRecording_05_06_2025_04_22_07_1.mov

Screen.Recording.2025-05-17.at.3.15.38.AM.mov

Floors

Simulator.Screen.Recording.-.iPhone.16.Pro.-.2025-05-24.at.00.36.09.mp4

Current issues:

android:

1. if map has multiple floors default floor doesn't render [workaround: navigate by booth id and then manually navigate to the desired floor]
2. search icon press handling (UI breaks on repeated press)