Skip to content

Commit 5d7e579

Browse files
committed
add more community libs and minor fixes
1 parent 4f5809c commit 5d7e579

File tree

3 files changed

+30
-24
lines changed

3 files changed

+30
-24
lines changed

docs/community-libraries-and-navigators.md

Lines changed: 26 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -14,18 +14,9 @@ A Shared Element Transition is the visualization of an element in one screen bei
1414

1515
The library implements a custom navigator called `FluidNavigator` that makes all this and more possible.
1616

17-
### Installation
17+
#### Links
1818

19-
Install the FluidTransitions package in your project:
20-
21-
```
22-
npm install react-navigation-fluid-transitions
23-
yarn add react-navigation-fluid-transitions
24-
```
25-
26-
### Links
27-
28-
[https://github.com/fram-x/FluidTransitions](https://github.com/fram-x/FluidTransitions)
19+
[github.com/fram-x/FluidTransitions](https://github.com/fram-x/FluidTransitions)
2920

3021
# Libraries
3122

@@ -35,21 +26,34 @@ react-navigation-collapsible is a library and a `Higher Order Component` that ad
3526

3627
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.
3728

38-
### Installation
29+
#### Links
30+
31+
[https://github.com/benevbright/react-navigation-collapsible](https://github.com/benevbright/react-navigation-collapsible)
32+
33+
[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.
38+
39+
#### Links
40+
41+
[github.com/kmagiera/react-native-screens](https://github.com/kmagiera/react-native-screens)
42+
43+
## react-navigation-header-buttons
44+
45+
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.
3946

40-
Install the react-navigation-collapsible package in your project:
47+
#### Links
4148

42-
```
43-
yarn add react-navigation-collapsible
44-
# or, if you use npm:
45-
npm install react-navigation-collapsible
46-
```
49+
[github.com/vonovak/react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)
4750

48-
### Demo on Snack
51+
[Demo on expo](https://expo.io/@vonovak/navbar-buttons-demo)
4952

50-
<a href="https://snack.expo.io/@benevbright/react-navigation-collapsible" target="blank" class="run-code-button">&rarr; Run demo</a>
53+
## react-navigation-props-mapper
5154

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`.
5256

53-
### Links
57+
#### Links
5458

55-
[https://github.com/benevbright/react-navigation-collapsible](https://github.com/benevbright/react-navigation-collapsible)
59+
[github.com/vonovak/react-navigation-props-mapper](https://github.com/vonovak/react-navigation-props-mapper)

docs/limitations.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,4 +55,6 @@ We are able to offload animations to another thread using React Native's [Animat
5555

5656
Some platform-specific behavior either cannot be implemented or has not yet been implemented in React Navigation.
5757

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.

docs/navigation-prop.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -177,7 +177,7 @@ class ProfileScreen extends React.Component {
177177

178178
### `setParams` - Make changes to route params
179179

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.
181181

182182
```js
183183
class ProfileScreen extends React.Component {

0 commit comments

Comments
 (0)