Hi, thank you for the video, But please help me how to update renderBubble when updating state??? Example: When I send an audio to DAVID then he will play that audio. when that specific audio is playing, the progressbar should be updated. but renderbubble method does not re-render on state update.
Hi Farid, amazing package. Can u make a tutorial on how to customize the overall chat? with action buttons, the input chat, etc? Or is there any tutorial about it?
how do you connect your project with github? I don't understand it when you do "git add . && git commit -a -m "ams4" . can you walk me through step by step. i can't add the backend file . thanks
I'm getting the red screen error on emulator "Error : undefined is not a function (evaluating '_reactNative2.default.registerComponent('ChatApp', function(){return _App2.default})" Can anybody tell me why?
anyone knows how the onSend works ? 1- he is setting the state to a method ? 2- who is providing the previous state to the method ? onSend(messages = []) { this.setState((previousState) => { return { messages: GiftedChat.append(previousState.messages, messages), }; }); } Thanks.
setState can be used in 3 different ways Please check facebook.github.io/react/docs/react-component.html#setstate this.setState((prevState, props) => { return {counter: prevState.counter + props.step}; });
Hi, I'm getting below error. Can you please provide your input? npm install react-native-gifted-chat --save npm ERR! code ENOGIT npm ERR! No git binary found in $PATH npm ERR! npm ERR! Failed using git. npm ERR! Please check if you have git installed and in your PATH.
Hy, Can you run two emulators as you do under windows? I use Genymotion too, but I do not have mac so how do I run the second emulator for the chat? Greattings
Select Database from left nav From top select Real time database Select Rules { /* Visit firebase.google.com/docs/database/security to learn more about security rules. */ "rules": { ".read": true, ".write": true } }
Thanks for this great pretension, I hop you will be help .. I get a error ...can you give me some solution ? error: bundling: UnableToResolveError: Unable to resolve module `firebase` from `C:\Users\ashik\Desktop eact_apps\F riends\src\Backend.js`: Module does not exist in the module map or in these directories: C:\Users\ashik\Desktop eact_apps\Friends ode_modules , C:\Users\ashik\Desktop ode_modules This might be related to github.com/facebook/react-native/issues/4968 To resolve try the following: 1. Clear watchman watches: `watchman watch-del-all`. 2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`. 3. Reset packager cache: `rm -fr $TMPDIR/react-*` or `npm start --reset-cache`. at UnableToResolveError (C:/Users/ashik/Desktop/react_apps/Friends/node_modules/react-native/packager/src/node-h aste/DependencyGraph/ResolutionRequest.js:488:5) at p.catch.error (C:/Users/ashik/Desktop/react_apps/Friends/node_modules/react-native/packager/src/node-haste/De pendencyGraph/ResolutionRequest.js:366:19) Bundling `index.android.js` 96.8% (490/498), failed.
Hey Farid, I've been following your tutorial but I've run into a problem I can't seem to resolve, would you mind helping? I've attached my stack question so you can get the syntax highlighting and my explanation that's more thorough. stackoverflow.com/questions/41042040/this-setstate-react-native Thanks in advance!
hi I try to do what you guide but it is not work - actually, I type the react-native init ChatApp in Hyper but it say it is not found - so could you help with that.
This video is fantastic and has helped me get my first react native app up and running. Thank you so much for putting the effort into this :)
Routing has now become easier for me in my first React Native app. Thanks
Hi, thank you for the video,
But please help me how to update renderBubble when updating state???
Example: When I send an audio to DAVID then he will play that audio. when that specific audio is playing, the progressbar should be updated.
but renderbubble method does not re-render on state update.
Please can you make a video which has image sharing in chats
Hi Farid, amazing package. Can u make a tutorial on how to customize the overall chat? with action buttons, the input chat, etc? Or is there any tutorial about it?
how do you connect your project with github? I don't understand it when you do "git add . && git commit -a -m "ams4" . can you walk me through step by step. i can't add the backend file . thanks
github.com/FaridSafi/ChatApp/blob/master/src/Backend.js
I was add download and add this files and chang the code from Chat.js also but i git error.
help.github.com/articles/adding-an-existing-project-to-github-using-the-command-line/
you start with git init
Thanx man.. Helped a lot.
It is a great tutorial imho, I do not understand why there is dislikes, what am i missing?
I'm getting the red screen error on emulator "Error : undefined is not a function (evaluating '_reactNative2.default.registerComponent('ChatApp', function(){return _App2.default})" Can anybody tell me why?
Nice tutorial, but the mic noise is REALLY annoying
Hi, thank you for a great video! Is there any chance that you can customize Gifted Chat to make a private chat rooms like on WhatsApp?
anyone knows how the onSend works ?
1- he is setting the state to a method ?
2- who is providing the previous state to the method ?
onSend(messages = []) {
this.setState((previousState) => {
return {
messages: GiftedChat.append(previousState.messages, messages),
};
});
}
Thanks.
setState can be used in 3 different ways
Please check facebook.github.io/react/docs/react-component.html#setstate
this.setState((prevState, props) => {
return {counter: prevState.counter + props.step};
});
Thanks for the help
Hi, I'm getting below error. Can you please provide your input?
npm install react-native-gifted-chat --save
npm ERR! code ENOGIT
npm ERR! No git binary found in $PATH
npm ERR!
npm ERR! Failed using git.
npm ERR! Please check if you have git installed and in your PATH.
Brother FaridSafi, The code is not in your github. Can you please upload?
Hello Rajibul, code is available at github.com/FaridSafi/ChatApp
bump
This is the Chat component, not the app.The app is here:
github.com/FaridSafi/ChatApp
why did not you clean the video from the noise?
Hy,
Can you run two emulators as you do under windows?
I use Genymotion too, but I do not have mac so how do I run the second emulator for the chat?
Greattings
Sofian Mahmoudi
you can run OSX on virtual box and install xcode for running iOS emulator
yes of course it's OK for me
thanks
You can contact me directly via twitter.com/faridsafi
Hi sir, can you please help me with my mobile application do you have facebook?
hi, i am using android studio for code react-native, but it no suggests code when i type it. so do you have any solution for my problem?
use Atom or Visual Studio Code instead. you can install plugin for code auto completion
ok. i will try. thanks!
Dude really wrote some frontend stuff, imported a library and copy-pasted some backend. How is this useful in building a chat app?
You anglais is parfait
bro why is your screen like that
anyone help me out with how to send inline chat images ...
Hola sale un error:
FIREBASE WARNING: set al /messages/ksdfbskjdfnbsdjk
failed: permission_denied
Cual es la estructura en FIREBASE ??
You need to set up a Firebase project
Select Database from left nav
From top select Real time database
Select Rules
{
/* Visit firebase.google.com/docs/database/security to learn more about security rules. */
"rules": {
".read": true,
".write": true
}
}
Thanks man
anybody here have a link to the source code on github ?
Thanks for this great pretension, I hop you will be help ..
I get a error ...can you give me some solution ?
error: bundling: UnableToResolveError: Unable to resolve module `firebase` from `C:\Users\ashik\Desktop
eact_apps\F
riends\src\Backend.js`: Module does not exist in the module map or in these directories:
C:\Users\ashik\Desktop
eact_apps\Friends
ode_modules
, C:\Users\ashik\Desktop
ode_modules
This might be related to github.com/facebook/react-native/issues/4968
To resolve try the following:
1. Clear watchman watches: `watchman watch-del-all`.
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
3. Reset packager cache: `rm -fr $TMPDIR/react-*` or `npm start --reset-cache`.
at UnableToResolveError (C:/Users/ashik/Desktop/react_apps/Friends/node_modules/react-native/packager/src/node-h
aste/DependencyGraph/ResolutionRequest.js:488:5)
at p.catch.error (C:/Users/ashik/Desktop/react_apps/Friends/node_modules/react-native/packager/src/node-haste/De
pendencyGraph/ResolutionRequest.js:366:19)
Bundling `index.android.js` 96.8% (490/498), failed.
it's ok I got the solution after install firebase but chat not sent any message :(
did u check ur firebase database permissions? I got trolled pretty hard by that (change the auth thing)
Is react-native-router-flux deprecated?
no
I want to learn what is popular, but I would say that if you know how to use react-native-router-flux then you should use it!
That smile though,but nice work!
he's moroccan person ?
It's like there is a bee inside my earphone.
include flux in your description plz
Hey Farid,
I've been following your tutorial but I've run into a problem I can't seem to resolve, would you mind helping?
I've attached my stack question so you can get the syntax highlighting and my explanation that's more thorough.
stackoverflow.com/questions/41042040/this-setstate-react-native
Thanks in advance!
question answered in stackoverflow :)
1875€ for your course, that's beyond excessive.
Farid ton accent francais il dechire lol
Tu aurait pu la faire en français.....vu l'accent ^^
hi I try to do what you guide but it is not work - actually, I type the react-native init ChatApp in Hyper but it say it is not found - so could you help with that.