How to create a conversational chat with react native app? - react-native

Problem:
I am creating react native app. In there I want to create something like this. There I want to create a chat when a user speaks the start and destination to the app it should speak back to the user about the road. I searched a lot on the Internet but I was unable to find any good way to create a live chat with the app in order to get the start and destination from the user. It means I want something like this.when user say hi to the app it should also say Hi. Then It should say give your starting point and after that app should ask for the destination. Can Someone help me to create this small live chat with my app in react native?. Thank you very much.

you can convert the text to speech using save react-native-tts and convert the speech to text react-native-voice.
for the chat react-native-gifted-chat you can use this

The best way to do this is using npm package react-simple-chatbot also adding Speech-to-Text(STT) for voice input and Text-to-speech(TTS) for voice output.
Check the NPM packages :
STT - https://www.npmjs.com/package/react-native-speech-to-text
TTS - https://www.npmjs.com/package/react-native-tts
Or Both combined here https://github.com/pwcremin/react-native-watson
Hope it helps you..!
-Praz

Related

Video Trimming In Expo

Am developing an app which a user can upload a video status just like whatsapp but I need a video trimming library which I can use to implement this feature where a user can trim some portion of the video they selected with a time frame. I searched and found some libraries like react-native-video-processing and others but none seems to work with expo. so I will appreciate if someone can give me a working one or a guide on how I can use ffmpeg or other libraries to archive this.

React Native Multiple Images Picker

The problem
So, I am developing a react native application and I am facing the callenge of selecting multiple images from the user gallery. Just like apps like WhatsApp, Telegram, Twitter and even Reddit do. So with that in mind, i tried to use launchImageLibraryAsync from expo-image-picker but, as specified in their documentation, the "multiple selecion" of images is only supported on the web.
What I have thinked of
So, based on several searches, it seemed like i had to build my own "Gallery". To do this, so far i've tried to use #react-native-community/cameraroll and expo-media-library, but both of them requires that we pass the first property to the getPhotos (for #react-native-community/cameraroll) or to the getAssetsAsync (for expo-media-library) functions, which defines the first items to be fetched. This is a problem because I do not want to fetch like 20 items and then, when the user reaches the end of the list, it fetches more 20 items. I need something like this (this example is from Telegram). You can see that the app never stops me from scrolling, it goes all the way through my entire gallery.
What would also be nice
If you use reddit mobile, you can see that you can also select multiple photos using the several Apps like Google Photos, Files, Google Drive and so on.
This would be even nicer because I wouldn't need to implement a custom made Picker. Do you guys know how could I implement this?
OBS: I am using Expo with Bare Workflow, so I can use just about any package. I also opened a discussion at the Expo repo about it. You can check it here: https://github.com/expo/expo/discussions/15210.
Thank you in advance :)
I have been using this package called expo-images-picker check it out. It has similar function to what you need. It works in Mobile as well.
Link here

Website replicating in React Native, WebView vs code, notifications needed

first time asking here as i am looking for some guidance before i start coding.
I have been developing websites mostly in PHP/MySQL/Jquery for years. As I was requested to port a website to an app, I selected React Native in order not to learn 2 different languages for IOS-Android.
I subscribed to some react native lessons, as I found it very clear and fun to follow, and it indeed is.
But here I am finding that to replicate the website is a truly difficult task for me. A temporary version exists at https://app.thallo.care/app.php?language=en (view on mobile if you like). There are many fixed positioned things and floating menus that i cannot easily program on react native.
I tried webview, it works wonderfully, but i am not positive i will be able to implement notifications the way i want to, or custom app styling with inject javascript i am unsure it will work.
The only app difference comparing to the desktop version, is that the user will receive notifications. The website will have a calendar where he will add events, and i need to send notifications to the user device on the event datetime that he has set.
Now the question... Should i use webview and manage notifications on a third party app like amazon SNS or anything else, will i get per-user notifications on events with webview? (I dont need to open a specific page on the app, but it would be nice). Or should i insist on react native coding and try to replicate as much as possible, to be able to have proper notifications? Reminder - the events won't be sent by the app. they are stored in MySQL and should be stored on some other service as well (that i dont know of yet). I don't know also if the webview can handle the website programmed login-logout with $_SESSION php parameters.
I would really appreciate some guidance.
Thanks in advance,

React Native open Source sdk

Hi i am developing a social app using react-native.Most part is done. I want to embed a video calling feature upto 4 participants. Is there any open source sdk which i can use for this purpose?Thanks in advance.
Please try this, I have not personally tried.
https://github.com/EnableX/One-to-One-Video-Calling-Open-Source-React-Native-Application

How to read data in background in React Native

I have an app in React Native, that uses the bluetooth connection to read data from external devices.
I need a way to continue to read this data in background when, for example, the user starts a reading session and put the app in background.
What should I use to do this?
My code is divided in two parts:
Scan and Connect
Reading Data from external devices.
You need a background service for this. The following link for Android will help you.
github => react-native-foreground-service
If you want, you can do it yourself as described on the RN official site. But you'll have to write Java code for it.
React Native => Native Module