Maneira fácil e rápida para criar uma instância do chat (Boteria) em aplicativos React Native
yarn add react-native-code7-boteria
Instalação das dependências pares:
yarn add react-native-encrypted-storage@4.0.3 react-native-fs@2.20.0 react-native-document-picker@8.1.3 react-native-notifications@4.3.3 react-native-sound@0.11.2 react-native-video@5.2.1
Para versões React Native 0.64.0 até 0.70
yarn add @react-native/normalize-color
import { Code7Boteria } from 'react-native-code7-boteria';
import MyComponent from 'components';
// ...
const params = {
foo: 'bar'
};
return (
<Code7Boteria
botId="botId"
params={params}
children={<MyComponent />}
/>
);
Ou então:
return (
<Code7Boteria botId="botId" params={params}>
<MyComponent />
</Code7Boteria>
);
Parâmetro | Descrição | Obrigatório | Tipo | Exemplo |
botId | Identificador do BOT | Sim | String | 62e9145fc073550012d52f25 |
params | Variáveis externas que entrarão no fluxo | Não | Object |
{
foo: 'bar'
} |
children | Componente que irá substituir o Widget | Não | React Component |
<MyComponent /> |
appearance | Variáveis de estilo do chatbot | Não | Object |
{
title: 'Bot title',
botFab:
'https://my-domain/my-icon.png',
colors: {
main: '#FF0000',
mainText: '#00FF00',
secondary: '#000000',
secondaryText: '#0000FF',
},
} |