Проблема, с которой я столкнулся, заключается в том, что поставщику InstantSearch из Algolia необходимо обернуть корневой компонент App.js. p>
Принимая во внимание, что App.js заключен в навигационный контейнер для навигации по стеку, а NavigationContainer не принимает ничего, кроме компонента экрана, и я не могу обернуть NavigationContainer внутри компонента InstantSearch.
Теперь, как мне интегрировать поставщика InstantSearch из Aloglia в нативный ответ
App.js в настоящее время
Код: Выделить всё
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import Product from "./screens/Product";
import Home from "./screens/Home";
const Stack = createNativeStackNavigator();
export default function App() {
return (
);
}
Код: Выделить всё
import React from 'react';
import { SafeAreaView, StatusBar, StyleSheet, Text, View } from 'react-native';
import algoliasearch from 'algoliasearch/lite';
import { InstantSearch } from 'react-instantsearch-core';
const searchClient = algoliasearch('xxxxx', 'xxxxxxxxxxxxx');
export default function App() {
return (
{/* ... */}
);
}
Дайте мне знать, как правильно интегрировать Algolia InstantSearch с Навигация в App.js(корневой компонент)
Подробнее здесь: https://stackoverflow.com/questions/782 ... native-app
Мобильная версия