@mappedin/react-native-sdk 5.0.0-beta.0 → 5.0.0-beta.4

package/README.md

@@ -629,6 +629,59 @@ const App = () => {
 };
 ```
 
+## Search and Suggestions
+
+```tsx
+import { TextInput } from 'react-native';
+import { MiMapView } from '@mappedin/react-native-sdk';
+import type {
+  TBlueDotUpdate,
+  MapViewStore,
+  MappedinLocation,
+  MappedinNode,
+} from '@mappedin/react-native-sdk';
+
+// Imperative API
+const mapView = React.useRef<MapViewStore>();
+const [text, setText] = React.useState('');
+
+const search = async (text) => {
+  const searchResults = await mapView.current.OfflineSearch.search(text);
+  // do something with search results
+  console.log(searchResults);
+};
+
+useEffect(() => {
+  const suggest = async (text) => {
+    const searchSuggestions = await mapView.current.OfflineSearch.suggest(text);
+    // do something with search suggestions
+    console.log(searchSuggestions);
+  };
+  if (text !== '') {
+    suggest(text);
+  }
+}, [text]
+
+const App = () => {
+  return (
+    <>
+      <MiMapView
+        style={{ flex: 1 }}
+        ref={mapView}
+        options={options}
+      />
+      <View>
+       <TextInput
+        onChangeText={(text) => setText(text)}
+        value={text}
+      />
+      <Button title="Search" onClick={() => search(setText)} />
+      </View>
+    </>
+  );
+};
+```
+
 ## Use `react-native-location` to power BlueDot
 
 ```tsx