Skip to content

Commit d93dd46

Browse files
docs: upgrading v4 dopcs
1 parent 4d6a47a commit d93dd46

File tree

1 file changed

+51
-15
lines changed

1 file changed

+51
-15
lines changed

docusaurus/reactnative_versioned_docs/version-4.x.x/basics/getting_started.mdx

Lines changed: 51 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ Stream Chat has a number of peer dependencies that are required to take advantag
4747
It is suggested you follow the install instructions for each package to ensure it is properly setup.
4848
Most if not all of the required packages now support auto-linking so setup should be minimal. Those with known [additional steps](#additional-steps) have been noted.
4949

50-
- [`@react-native-community/cameraroll`](https://github.com/react-native-cameraroll/react-native-cameraroll)
50+
- [`@stream-io/react-native-cameraroll`](https://github.com/GetStream/react-native-cameraroll)
5151
- [`@react-native-community/netinfo`](https://github.com/react-native-netinfo/react-native-netinfo)
5252
- [`@stream-io/flat-list-mvcp`](https://github.com/GetStream/flat-list-mvcp)
5353
- [`react-native-document-picker`](https://github.com/rnmods/react-native-document-picker)
@@ -60,7 +60,6 @@ Most if not all of the required packages now support auto-linking so setup shoul
6060
- [`react-native-safe-area-context`](https://github.com/th3rdwave/react-native-safe-area-context)
6161
- [`react-native-share`](https://github.com/react-native-share/react-native-share)
6262
- [`react-native-svg`](https://github.com/react-native-svg/react-native-svg)
63-
- [`react-native-video`](https://github.com/react-native-video/react-native-video)
6463

6564
<Tabs
6665
defaultValue='yarn'
@@ -72,27 +71,28 @@ Most if not all of the required packages now support auto-linking so setup shoul
7271
<TabItem value='yarn'>
7372

7473
```bash
75-
yarn add @react-native-community/cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg react-native-video
74+
yarn add @stream-io/react-native-cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
7675
```
7776

7877
</TabItem>
7978
<TabItem value='npm'>
8079

8180
```bash
82-
npm install @react-native-community/cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg react-native-video
81+
npm install @stream-io/react-native-cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
8382
```
8483

8584
</TabItem>
8685
</Tabs>
8786

8887
For iOS on a Mac install the pods `npx pod-install ios`.
8988

90-
#### Version compabilities
89+
#### Version compatibilities
9190

9291
To be able to use the Stream Chat React Native SDK, a few dependencies must meet the following version requirements:
9392

9493
| react-native | stream-chat-react-native (min required) | react-native-reanimated (min required) |
9594
| ------------ | --------------------------------------- | -------------------------------------- |
95+
| 0.69 | 4.13.0 | 2.9.1 |
9696
| 0.68 | 4.11.0 | 2.7.0 |
9797
| 0.67 | 4.2.0 | 2.4.0 |
9898
| 0.66 | 3.9.0 | 2.2.3 |
@@ -151,7 +151,7 @@ For some of the packages listed below, there are additional steps required to se
151151

152152
- `react-native` - [additional installation steps](https://reactnative.dev/docs/image#gif-and-webp-support-on-android)
153153
- `react-native-image-crop-picker` - [additional installation steps](https://github.com/ivpusic/react-native-image-crop-picker#step-3)
154-
- `react-native-cameraroll` - [additional installation steps](https://github.com/react-native-cameraroll/react-native-cameraroll#permissions)
154+
- `react-native-cameraroll` - [additional installation steps](https://github.com/GetStream/react-native-cameraroll#permissions)
155155

156156
:::note
157157

@@ -161,12 +161,43 @@ If you are planning to use file picker functionality, make sure you enable iClou
161161

162162
### Add Optional Dependencies
163163

164-
- `react-native-video` - [additional installation steps](https://github.com/react-native-video/react-native-video/blob/master/API.md#installation)
164+
#### Video playing support
165165

166-
> Available in stream-chat-react-native >= v4.7.0
166+
Install `react-native-video` in your React Native project.
167167

168-
Installing this package allows you to play the video files/attachments in the chat. Otherwise by default, video files will be opened in default
169-
browser of the device.
168+
> Available in stream-chat-react-native >= v4.7.0
169+
170+
Installing this package allows you to play the video files/attachments in the chat. Otherwise by default, video files will be opened in default browser of the device.
171+
172+
<Tabs
173+
defaultValue='yarn'
174+
values={[
175+
{ label: 'Yarn', value: 'yarn' },
176+
{ label: 'npm', value: 'npm' },
177+
]}
178+
>
179+
<TabItem value='yarn'>
180+
181+
```bash
182+
yarn add react-native-video
183+
```
184+
185+
</TabItem>
186+
<TabItem value='npm'>
187+
188+
```bash
189+
npm install react-native-video
190+
```
191+
192+
</TabItem>
193+
</Tabs>
194+
195+
We require [exoplayer](https://github.com/google/ExoPlayer) to be the media player on Android. To make `react-native-video` to use exoplayer, add the following in `android/settings.gradle`:
196+
197+
```
198+
include ':react-native-video'
199+
project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android-exoplayer')
200+
```
170201

171202
### AndroidX Support
172203

@@ -187,7 +218,7 @@ Stream Chat for React Native is set up for parity on Expo, expo requires a diffe
187218

188219
```bash
189220
expo install stream-chat-expo
190-
expo install @react-native-community/netinfo expo-document-picker expo-file-system expo-haptics expo-image-manipulator expo-image-picker expo-media-library expo-sharing react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-svg expo-av
221+
expo install @react-native-community/netinfo expo-document-picker expo-file-system expo-haptics expo-image-manipulator expo-image-picker expo-media-library expo-sharing react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-svg
191222
```
192223

193224
### Additional Steps
@@ -239,9 +270,14 @@ For some of the packages listed below, there are additional steps required to se
239270

240271
### Add Optional Dependencies
241272

242-
- `expo-av` - [additional installation steps](https://docs.expo.dev/versions/v45.0.0/sdk/video/)
273+
#### Video playing support
274+
275+
Install `expo-av` in your React Native project.
243276

244-
> Available in stream-chat-expo >= v4.7.0
277+
> Available in stream-chat-expo >= v4.7.0
245278

246-
Installing this package allows you to play the video files/attachments in the chat. Otherwise by default, video files will be opened in default
247-
browser of the device.
279+
Installing this package allows you to play the video files/attachments in the chat. Otherwise by default, video files will be opened in default browser of the device.
280+
281+
```bash
282+
expo install expo-av
283+
```

0 commit comments

Comments
 (0)