Skip to content

Commit a35b038

Browse files
committed
docs: address screen transitions review nits
1 parent 2122d6a commit a35b038

1 file changed

Lines changed: 8 additions & 18 deletions

File tree

blog/2026-04-27-building-custom-screen-transitions.md

Lines changed: 8 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: Building custom screen transitions with react-native-screen-transitions
2+
title: Building custom transitions with react-native-screen-transitions
33
authors: ed
4-
tags: [community, guide]
4+
tags: [tutorial, screen-transitions]
55
---
66

77
import Tabs from '@theme/Tabs';
@@ -27,7 +27,7 @@ npm install react-native-screen-transitions
2727

2828
### Installing peer dependencies
2929

30-
Next, install the necessary peer dependencies used by `react-native-screen-transitions`.
30+
Next, install the necessary peer dependencies used by `react-native-screen-transitions`, and `@react-native-masked-view/masked-view` for the example later in the article:
3131

3232
<Tabs groupId='framework' queryString="framework">
3333
<TabItem value='expo' label='Expo' default>
@@ -38,27 +38,23 @@ In your project directory, run:
3838
npx expo install react-native-reanimated react-native-gesture-handler \
3939
@react-navigation/native @react-navigation/native-stack \
4040
@react-navigation/elements react-native-screens \
41-
react-native-safe-area-context
41+
react-native-safe-area-context \
42+
@react-native-masked-view/masked-view
4243
```
4344

4445
This will install versions of these libraries that are compatible with your Expo SDK version.
4546

46-
For the `navigationMaskEnabled` example later in the article, install `@react-native-masked-view/masked-view` too:
47-
48-
```bash
49-
npx expo install @react-native-masked-view/masked-view
50-
```
51-
5247
</TabItem>
53-
<TabItem value='bare' label='Bare React Native'>
48+
<TabItem value='community-cli' label='Community CLI'>
5449

5550
In your project directory, run:
5651

5752
```bash npm2yarn
5853
npm install react-native-reanimated react-native-gesture-handler \
5954
@react-navigation/native @react-navigation/native-stack \
6055
@react-navigation/elements react-native-screens \
61-
react-native-safe-area-context
56+
react-native-safe-area-context \
57+
@react-native-masked-view/masked-view
6258
```
6359

6460
If you're on a Mac and developing for iOS, install the pods via [CocoaPods](https://cocoapods.org/) to complete the linking:
@@ -67,12 +63,6 @@ If you're on a Mac and developing for iOS, install the pods via [CocoaPods](http
6763
npx pod-install ios
6864
```
6965

70-
For the `navigationMaskEnabled` example later in the article, install `@react-native-masked-view/masked-view` too:
71-
72-
```bash npm2yarn
73-
npm install @react-native-masked-view/masked-view
74-
```
75-
7666
</TabItem>
7767
</Tabs>
7868

0 commit comments

Comments
 (0)