React Native Chat Components
The official React Native and Expo components for Stream Chat, a service for
building chat applications.
You can sign up for a Stream account at https://getstream.io/chat/get_started/.
Keep in mind
- Navigation between different component is something we expect consumers to
implement. You can checkout the example given in this repository
- This library is still under development, so breaking changes are to be
expected in next couple of weeks. So we won't really recommend integrating it
right now.
Library currently exposes following components:
- Chat
- Channel
- MessageList
- MessageInput
- ChannelList
- Thread
- ChannelPreviewMessenger
Usage (creating an example app)
Expo package
expo init StreamChatExpoExample
cd StreamChatExpoExample
yarn add stream-chat-expo
Please check Example to see usage of components.
OR you can swap this file for your App.js
in root folder with additional following steps:
yarn add react-navigation
and finally
yarn start
Native package:
react-native init StreamChatReactNativeExample
cd StreamChatReactNativeExample
yarn add stream-chat-react-native
react-native link @react-native-community/netinfo
react-native link react-native-image-picker
react-native link react-native-document-picker
Please check Example to see usage of components.
OR you can swap this file for your App.js
in root folder with additional following steps:
yarn add react-navigation
yarn add react-native-gesture-handler
react-native link react-native-gesture-handler
and finally
react-native run-ios
NOTE If you are planning to use file picker functionality, make sure you enable iCloud capability in your app
How to run example
git clone https://github.com/GetStream/stream-chat-react-native.git
cd stream-chat-react-native
make
cd examples/one
yarn start
TODO:
- Play media in app - currently it goes to browser when clicked on attachment
- Add propTypes to each component
- Command support for inputbox