Add Comment Widgets to Your React Native App

API немного отличается по сравнению с fastcomments-react. В нативной версии мы передаём объект config, который соответствует этой структуре.

import { FastCommentsCommentWidget } from 'fastcomments-react-native';

// ...

  const myTenantId = 'demo'; // Ваш tenant id. Можно получить с https://fastcomments.com/auth/my-account/api-secret
  const myAppPageId = 'native-test'; // ID или URL потока комментариев в вашем приложении.
  const myAppPageUrl = 'https://example.com/external-page'; // вы можете опционально задать url внешней страницы
  const myAppPageTitle = 'Example Title'; // ... и, вероятно, вам нужен заголовок для этого контента
  const [config, setConfig] = useState({
    tenantId: myTenantId,
    urlId: myAppPageId,
    url: myAppPageUrl,
    pageTitle: myAppPageTitle
  });

  // вызывая setConfig(), мы можем делать такие вещи, как смена текущей страницы или текущего вошедшего пользователя
  // Смотрите example/src/App.tsx

  return (
      <FastCommentsCommentWidget config={config}/>
  );

import { FastCommentsLiveChatWidget } from 'fastcomments-react-native';

// ...

  const myTenantId = 'demo'; // Ваш tenant id. Его можно получить с https://fastcomments.com/auth/my-account/api-secret
  const myAppPageId = 'native-test'; // ID или URL потока комментариев в вашем приложении.
  const myAppPageUrl = 'https://example.com/external-page'; // можно при желании указать URL внешней страницы
  const myAppPageTitle = 'Example Title'; // ... и, вероятно, вы захотите заголовок для этого контента
  const config = {
    tenantId: myTenantId,
    urlId: myAppPageId,
    url: myAppPageUrl,
    pageTitle: myAppPageTitle
  };

  return (
      <FastCommentsLiveChatWidget config={config}/>
  );