You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -35,21 +26,34 @@ react-navigation-collapsible is a library and a `Higher Order Component` that ad
35
26
36
27
Since react-navigation's header is designed as `Animated` component. You can animate the header by passing `Animated.Value` from your `ScrollView` or `FlatList` to the header.
[Demo on Snack](https://snack.expo.io/@benevbright/react-navigation-collapsible)
34
+
35
+
## react-native-screens
36
+
37
+
This project aims to expose native navigation container components to React Native and React Navigation can integrate with it since version 2.14.0. Using `react-native-screens` brings several benefits, such as support for the ["reachability feature"](https://www.cnet.com/how-to/how-to-use-reachability-on-iphone-6-6-plus/) on iOS, and improved memory consumption on both platforms.
Helps you to render buttons in the navigation bar and handle the styling so you don't have to. It tries to mimic the appearance of native navbar buttons and attempts to offer a simple interface for you to interact with.
39
46
40
-
Install the react-navigation-collapsible package in your project:
[Demo on expo](https://expo.io/@vonovak/navbar-buttons-demo)
49
52
50
-
<ahref="https://snack.expo.io/@benevbright/react-navigation-collapsible"target="blank"class="run-code-button">→ Run demo</a>
53
+
## react-navigation-props-mapper
51
54
55
+
Provides simple HOCs that map react-navigation props to your screen components directly - ie. instead of `const user = this.props.navigation.getParam(activeUser, null)`, you'd write `const user = this.props.activeUser`.
Copy file name to clipboardExpand all lines: docs/limitations.md
+3-1Lines changed: 3 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -55,4 +55,6 @@ We are able to offload animations to another thread using React Native's [Animat
55
55
56
56
Some platform-specific behavior either cannot be implemented or has not yet been implemented in React Navigation.
57
57
58
-
One example of this is the ["reachability" feature on iOS](https://www.cnet.com/how-to/how-to-use-reachability-on-iphone-6-6-plus/). When you toggle this feature, the app moves down towards the bottom of the screen so you can easily reach the navigation bar and other functionality near the top of the UI. When you navigate to another screen using the built-in iOS navigation API, the UI will jump back up to the top of the screen. As far as we know, it is not possible implement this feature in user space. A similar limitation applies for the peek & pop feature available on devices with 3D touch.
58
+
Versions prior to 2.14.0 do not support the ["reachability feature" on iOS](https://www.cnet.com/how-to/how-to-use-reachability-on-iphone-6-6-plus/). When you toggle this feature, the app moves down towards the bottom of the screen so you can easily reach the navigation bar and other functionality near the top of the UI. When you navigate to another screen using the built-in iOS navigation API, the UI will jump back up to the top of the screen. React-navigation 2.14.0 and later supports this feature through integration with [react-native-screens](https://github.com/kmagiera/react-native-screens).
59
+
60
+
React-navigation does not include support for the peek & pop feature available on devices with 3D touch.
Copy file name to clipboardExpand all lines: docs/navigation-prop.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -177,7 +177,7 @@ class ProfileScreen extends React.Component {
177
177
178
178
### `setParams` - Make changes to route params
179
179
180
-
Firing the `setParams` action allows a screen to change the params in the route, which is useful for updating the header buttons and title.
180
+
Firing the `setParams` action allows a screen to change the params in the route, which is useful for updating the header buttons and title.`setParams` works like React's `setState` - it merges the provided params object with the current params.
0 commit comments