react-native-head-tab-view
Advanced tools
Comparing version 3.0.1 to 3.0.2
@@ -61,2 +61,7 @@ | ||
refreshHeight?: number; | ||
/** | ||
* Does the ListView leave a space of "refreshHeight" while the ListView is pull-down. | ||
* it defaults to true | ||
*/ | ||
makeRoomInRefreshing?: boolean | ||
} | ||
@@ -63,0 +68,0 @@ |
{ | ||
"name": "react-native-head-tab-view", | ||
"version": "3.0.1", | ||
"version": "3.0.2", | ||
"main": "index.js", | ||
@@ -5,0 +5,0 @@ "scripts": { |
# React Native Head Tab View | ||
After **v3.0**, the built-in tabs component is not supported.We will only extend the **other tabs component** so that each Tab page has a shared collapsible header. | ||
After **v3.0**, the built-in Scrollable tabs component has been removed.We will only extend the **other tabs component** so that each Tab page has a shared collapsible header. | ||
@@ -23,3 +23,3 @@ **The following components are currently supported:** | ||
- **Support for extension of other Tabs components, support for shared collapsible headers** | ||
- **The built-in tabs component is discarded** | ||
- **The built-in Scrollable tabs component has been removed** | ||
@@ -139,16 +139,18 @@ | ||
- The first step is to add the base library and its dependencies | ||
#### The first step is to add the base library and its dependencies | ||
```sh | ||
yarn add react-native-head-tab-view react-native-gesture-handler | ||
or | ||
npm install react-native-head-tab-view react-native-gesture-handler --save | ||
``` | ||
- The second step is to select the extension library based on the tabs component you are using | ||
#### The second step is to select the extension library based on the tabs component you are using | ||
##### If your tabs component is react-native-scrollable-tab-view | ||
``` | ||
- If your tabs component is `react-native-scrollable-tab-view ` | ||
> Install additional project [react-native-scrollable-tab-view-collapsible-header](https://github.com/zyslife/react-native-scrollable-tab-view-collapsible-header) | ||
```sh | ||
yarn add react-native-scrollable-tab-view-collapsible-header | ||
``` | ||
##### If your tabs component is react-native-tab-view | ||
``` | ||
``` | ||
- If your tabs component is `react-native-tab-view ` | ||
> Install additional project [react-native-tab-view-collapsible-header](https://github.com/zyslife/react-native-tab-view-collapsible-header) | ||
> | ||
```sh | ||
yarn add react-native-tab-view-collapsible-header | ||
@@ -181,3 +183,3 @@ ``` | ||
`CollapsibleHeaderTabView` and `SlideTabView` extends the props for the tabs component by adding the **CollapsibleHeaderProps** | ||
`CollapsibleHeaderTabView` and `SlideTabView` extends the props for your tabs component by adding the **CollapsibleHeaderProps** | ||
@@ -242,4 +244,8 @@ #### CollapsibleHeaderProps | ||
##### `scrollEnabled` _(boolean)_ | ||
Whether to allow the scene to slide vertically | ||
Whether to allow the scene to slide vertically | ||
##### `makeRoomInRefreshing` _(boolean)_ | ||
Does the ListView leave a space of "refreshHeight" while the ListView is pull-down. | ||
it defaults to true | ||
--- | ||
@@ -260,3 +266,3 @@ | ||
//If you're using SlideTabView, then the second argument to hPageViewWhoc should be passed {slideAnimated: true}. In this mode, use the RefreshControl control built into ScrollView. | ||
//If you're using SlideTabView, then the second argument to HPageViewHoc should be passed {slideAnimated: true}. In this mode, use the RefreshControl control built into ScrollView. | ||
//ex. | ||
@@ -270,5 +276,5 @@ const HScrollView = HPageViewHoc(ScrollView, { slideAnimated: true }) | ||
The number of the screen. | ||
If you use **react-native-scrollable-tab-view**, it should correspond to the number of the `children` element in the TabView. | ||
If you use `react-native-scrollable-tab-view`, it should correspond to the number of the `children` element in the TabView. | ||
If you use **react-native-tab-view**, it should correspond to the index of the `navigationState` of the TabView | ||
If you use `react-native-tab-view`, it should correspond to the index of the `navigationState` of the TabView | ||
Please check the [Example](https://github.com/zyslife/react-native-head-tab-view#Example) . | ||
@@ -275,0 +281,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
83401
1805
295