Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

147
Views
¿Integrar chatbot Dialogflow en reaccionar nativo?

Soy nuevo en React Native y actualmente quiero integrar el chatbot Dialogflow en React-Native pero no tengo éxito con esto, entonces por favor denme algunas soluciones paso a paso.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

¡Aquí tendrás un tutorial! Y a continuación se trabajará tanto para react native expo como sin expo.

https://blog.jscrambler.com/build-a-chatbot-with-dialogflow-and-react-native/

aquí abajo un poco de código:

 import React, { Component } from 'react'; import { StyleSheet, Text, View } from 'react-native'; import { GiftedChat } from 'react-native-gifted-chat'; import { Dialogflow_V2 } from 'react-native-dialogflow'; import { dialogflowConfig } from './env'; const BOT_USER = { _id: 2, name: 'FAQ Bot', avatar: 'https://i.imgur.com/7k12EPD.png' }; class App extends Component { state = { messages: [ { _id: 1, text: `Hi! I am the FAQ bot 🤖 from Jscrambler.\n\nHow may I help you with today? `, createdAt: new Date(), user: BOT_USER } ] }; componentDidMount() { Dialogflow_V2.setConfiguration( dialogflowConfig.client_email, dialogflowConfig.private_key, Dialogflow_V2.LANG_ENGLISH_US, dialogflowConfig.project_id ); } handleGoogleResponse(result) { let text = result.queryResult.fulfillmentMessages[0].text.text[0]; this.sendBotResponse(text); } onSend(messages = []) { this.setState(previousState => ({ messages: GiftedChat.append(previousState.messages, messages) })); let message = messages[0].text; Dialogflow_V2.requestQuery( message, result => this.handleGoogleResponse(result), error => console.log(error) ); } sendBotResponse(text) { let msg = { _id: this.state.messages.length + 1, text, createdAt: new Date(), user: BOT_USER }; this.setState(previousState => ({ messages: GiftedChat.append(previousState.messages, [msg]) })); } render() { return ( <View style={{ flex: 1, backgroundColor: '#fff' }}> <GiftedChat messages={this.state.messages} onSend={messages => this.onSend(messages)} user={{ _id: 1 }} /> </View> ); } } export default App;
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!