Probably the most total speak USER INTERFACE with regard to Respond Indigenous (formerly referred to as Talented Messenger).
Completely easy to customize elements
Composer measures (to connect pictures, and so on. )
Fill previously communications
Duplicate communications in order to clipboard
Touchable hyperlinks utilizing react-native-parsed-text
Avatar because owner’s initials
InputToolbar staying away from computer keyboard
Make use of edition 0. two. by with regard to REGISTERED NURSE > = 0. forty-four. 0
Make use of edition 0. 1. by with regard to REGISTERED NURSE > = 0. forty. 0
Make use of edition 0. 0. 10 with regard to REGISTERED NURSE < 0. forty. 0 Utilizing npm. npm set up react-native-gifted-chat --save Utilizing Wool. wool include react-native-gifted-chat Observe example/App. js for any operating demonstration! communications (Array) -- Communications to show messageIdGenerator (Function) -- Produce a good identity with regard to brand new communications. Non-payments in order to UUID v4, produced through uuid person (Object) -- Person delivering the actual communications: onSend (Function) -- Callback whenever delivering a note location (String) -- Location in order to localize the actual times timeFormat (String) -- Structure to make use of with regard to making occasions; default is actually 'LT' dateFormat (String) -- Structure to make use of with regard to making times; default is actually 'll' isAnimated (Bool) -- Animates the actual look at once the computer keyboard seems loadEarlier (Bool) -- Allows the actual "Load previously messages" switch onLoadEarlier (Function) -- Callback whenever launching previously communications isLoadingEarlier (Bool) -- Show a good ActivityIndicator whenever launching previously communications renderLoading (Function) -- Make the launching look at whenever initializing renderLoadEarlier (Function) -- Customized "Load previously messages" switch renderAvatar (Function) -- Customized information avatar; arranged in order to null not to make any kind of avatar for that information showUserAvatar (Function) -- Regardless of whether in order to make a good avatar for that present person; default is actually fake. just display virtual representations of personnel with regard to additional customers onPressAvatar (Function( person )) -- Callback whenever a information avatar is actually drawn on renderAvatarOnTop (Bool) -- Make the actual information avatar towards the top of consecutive communications, as opposed to the base; default is actually fake renderBubble (Function) -- Customized information bubble onLongPress (Function( framework. information )) -- Callback whenever a information bubble is actually long-pressed; default would be to display a good ActionSheet along with "Copy Text" (see instance utilizing showActionSheetWithOptions() ) renderMessage (Function) -- Customized information pot renderMessageText (Function) -- Customized information textual content renderMessageImage (Function) -- Customized information picture imageProps (Object) -- Additional props to become handed towards the element developed by the actual default renderMessageImage lightboxProps (Object) -- Additional props to become handed towards the MessageImage is Lightbox renderCustomView (Function) -- Customized look at within the bubble renderDay (Function) -- Customized day time over a note renderTime (Function) -- Customized period in the information renderFooter (Function) -- Customized footer element about the ListView, at the. grams. "User is actually inputting. inch; observe example/App. js to have an instance renderChatFooter (Function) -- Customized aspect of make beneath the actual MessageContainer (separate in the ListView) renderInputToolbar (Function) -- Customized information composer pot renderComposer (Function) -- Customized textual content enter information composer renderActions (Function) -- Customized motion switch about the remaining from the information composer renderSend (Function) -- Customized deliver switch renderAccessory (Function) -- Customized 2nd type of measures beneath the actual information composer onPressActionButton (Function) -- Callback once the Motion switch is actually pushed (if arranged, the actual default actionSheet won't be used) bottomOffset (Integer) -- Range from the speak in the base from the display (e. grams. helpful should you show the tabs bar) minInputToolbarHeight (Integer) -- Minimal elevation from the enter toolbar; default is actually forty-four listViewProps (Object) -- Additional props to become handed towards the communications ; a few props can not be overridden, begin to see the signal within MessageContainer. render() with regard to particulars keyboardShouldPersistTaps (Enum) -- Decides if the computer keyboard ought to remain noticeable following a faucet; observe paperwork onInputTextChanged (Function) -- Callback once the enter textual content modifications maxInputLength (Integer) -- Maximum information composer TextInput duration Information with regard to Google android If you work with Produce Respond Indigenous Application or Expo, absolutely no Google android particular set up actions are needed -- you are able to by pass this particular seciton. Or else all of us suggest changing assembling your shed settings the following. Be sure you possess google android: windowSoftInputMode="adjustResize" inside your AndroidManifest. xml: Should you intend to make use of GiftedChat in the Modal. observe #200. Information with regard to nearby improvement You should use wml to maintain the actual instance application within synchronize along with any kind of modifications a person help to make towards the collection throughout improvement. Actions: Do the installation: npm set up -g wml Configure this: wml include. example/node_modules/react-native-gifted-chat in the underlying listing compact disc instance npm begin wml begin in an additional fatal eye-port (doesn't issue where) Observe that it is necessary with regard to wml begin to arrive following npm begin. or even you will get Cannot discover admittance document catalog. js mistakes. For those who have any kind of problems, you are able to obvious your own wrist watches utilizing watchman watch-del-all as well as attempt once again. Really feel liberated to request me personally queries upon Tweets @FaridSafi!