Socket
Socket
Sign inDemoInstall

react-native-head-tab-view

Package Overview
Dependencies
Maintainers
1
Versions
53
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-head-tab-view - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

5

index.d.ts

@@ -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 @@

2

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc