Skip to content

Commit 7576154

Browse files
authored
Merge pull request #19 from itenl/dev-1.1.3
Dev 1.1.3
2 parents 58b0f49 + 265448d commit 7576154

File tree

7 files changed

+229
-127
lines changed

7 files changed

+229
-127
lines changed

README-zh_CN.md

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -178,7 +178,9 @@ Prop | Type | Default | Description
178178
**`title`** | Function / JSX Element / Class Component | null | 动画标题
179179
**`titleArgs`** | Object | **`{ style: {}, interpolateOpacity: {}, interpolateHeight: {} }`** | 标题配置 < [阅读 interpolate](https://reactnative.dev/docs/animations#interpolation) >
180180
**`onScroll`** | Function | null | 滚动事件监听
181+
**`onScroll2Horizontal`** | Function | null | 滚动事件监听(横向)
181182
**`tabsEnableAnimated`** | Boolean | false | 为Tabs启用滑动效果,需要为 **`tabStyle`** 指定 **`width`**
183+
**`tabsEnableAnimatedUnderlineWidth`** | Number | 0 | 为Tabs Underline设定固定宽度并添加弹跳动画,需要启用 **`tabsEnableAnimated=true`**.( 建议传入 **`tabStyle.width`** 的三分之一或固定 30px )
182184

183185
## <a name="method"/>Method
184186

@@ -250,10 +252,16 @@ Name | Type | Description
250252

251253
## <a name="Snapshot"/>Snapshot
252254

255+
### Android (Sliding Tabs)
253256
<img src="./snapshot/e18k6-3jmxk.gif" />
257+
258+
### iOS (Bounce Tabs)
259+
<img src="./snapshot/e18k6-3jmxk-2.gif" />
260+
261+
### API Example
254262
<img src="./snapshot/qoz8r-klpuc.gif" />
255263
<br />
256264

257265
---
258266

259-
**MIT Licensed**
267+
**MIT Licensed**

README.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,7 +178,9 @@ Prop | Type | Default | Description
178178
**`title`** | Function / JSX Element / Class Component | null | Animation title
179179
**`titleArgs`** | Object | **`{ style: {}, interpolateOpacity: {}, interpolateHeight: {} }`** | Title parameter configuration < [Read interpolate](https://reactnative.dev/docs/animations#interpolation) >
180180
**`onScroll`** | Function | null | Scroll event monitoring
181+
**`onScroll2Horizontal`** | Function | null | Scroll event monitoring for orizontal
181182
**`tabsEnableAnimated`** | Boolean | false | Enable sliding effect for Tabs, Need to specify **`width`** for **`tabStyle`**
183+
**`tabsEnableAnimatedUnderlineWidth`** | Number | 0 | To set a fixed width for the Tabs Underline and add a jumping animation, you need to enable **`tabsEnableAnimated=true`**. (It is recommended to pass in one third of **`tabStyle.width`** or a fixed 30px)
182184

183185
## <a name="method"/>Method
184186

@@ -249,7 +251,13 @@ Name | Type | Description
249251

250252
## <a name="Snapshot"/>Snapshot
251253

254+
### Android (Sliding Tabs)
252255
<img src="./snapshot/e18k6-3jmxk.gif" />
256+
257+
### iOS (Bounce Tabs)
258+
<img src="./snapshot/e18k6-3jmxk-2.gif" />
259+
260+
### API Example
253261
<img src="./snapshot/qoz8r-klpuc.gif" />
254262
<br />
255263

package-lock.json

Lines changed: 10 additions & 10 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@itenl/react-native-scrollable-tabview",
3-
"version": "1.1.2",
3+
"version": "1.1.3",
44
"description": "react-native-scrollable-tabview",
55
"main": "index.js",
66
"scripts": {

snapshot/e18k6-3jmxk-2.gif

2.83 MB
Loading

snapshot/qoz8r-klpuc.gif

1.42 MB
Loading

0 commit comments

Comments
 (0)