Release 3.3.0

3.3.0 (2022-10-11)

Features

• add functional components to example (#1393) (c8ce6b0)
• Refactor component to function based (#1392) (79a94b4)
• Fix issues with unnecessary re-rendering (#1392) (79a94b4)

Release 3.2.1

3.2.1 (2022-09-30)

Bug Fixes

• hide vertical scroll indicator (#1331) (3566049)
• move onIndexChange (#1384) (4616336)

Features

• add animationEnabled to TabView (#1388) (9a12301), closes #1260
• add tabBarSpacing property (#1142) (86e66d0)
• expose the style prop accepted by the Pager component (#1260) (77dec4f)

Release 3.1.1

3.1.1 (2021-07-30)

Bug Fixes

• fix path to typescript definitions (05846f4)

Release 3.1.0

3.1.0 (2021-07-30)

Bug Fixes

• clearTimout on unmount (#1201) (4b30aed), closes #1103
• RTL support for web (#1192) (e5d5cf6)
• update currentIndexRef when tab is switched by clicking tab bar (#1232) (6347544)
• use correct prop types for pager view (dad1e49)
• use label color from styles if specified. closes #1175 (5f6603f)

Features

• add rn compatibility disclaimer table to readme.md (#1186) (cf9e7a2)
• macOS and Windows support (#1188) (bf383d0)

Release 3.0.1

3.0.1 (2021-04-04)

Release 3.0.0

3.0.0 (2021-03-09)

This version includes a rewrite of the pager using react-native-pager-view on Android & iOS and PanResponder on Web.

It's a similar approach to the 1.x version, where we had ViewPager based implementation on Android and ScrollView based implementation on iOS. However, back then ViewPager had many known bugs and wasn't well-maintained, and ScrollView required a lot of hacky code to implement what we needed. So we migrated to a custom implementation instead.

Things have changed a lot since then. ViewPager is now extracted out and is well-maintained by troZee. It now also supports iOS, so we don't need a different implementation for iOS.

Due to the removal of react-native-gesture-handler and react-native-reanimated, this release is not backward compatible. However, the API is mostly unchanged. If you're not using any features related to Reanimated or GestureHandler, Upgrading will require no changes apart from installing the new peer dependency.

Upgrade instructions

Installation

Open a Terminal in the project root and run:

yarn add react-native-tab-view

Now we need to install react-native-pager-view.

If you are using Expo, to ensure that you get the compatible versions of the libraries, run:

expo install react-native-pager-view

If you are not using Expo, run the following:

yarn add react-native-pager-view

We're done! Now you can build and run the app on your device/simulator.

Updating your code

Since we don't use react-native-reanimated, you have to update the code to use Animated from react-native. This is only necessary if you are using a custom tab bar, indicator, animation related code etc.

Change the import statement:

- import Animated from 'react-native-reanimated';
+ import { Animated } from 'react-native';

If you're using interpolations:

- Animated.interpolate(position, {
+ position.interpolate({
    inputRange: [...],
    outputRange: [...],
  });

For more advanced usage, please refer to Animated's documentation.

Note that Animated API doesn't support animating colors, layout properties etc. with native driver, so you might have to rework your logic if you need to animate those.

BREAKING CHANGES

The following props have been removed as they were specific to our custom implementation:

• renderPager
• swipeVelocityImpact
• timingConfig
• springConfig
• springVelocityScale
• position
• removeClippedSubviews
• gestureHandlerProps

Release 2.16.0

2.16.0 (2021-03-06)

Bug Fixes

• moved color to last prop (#1105) (b6eec35)

Features

• support a function for lazy (2b67ee3)

Release 2.15.2

2.15.2 (2020-10-07)

Bug Fixes

• fix TabBarIndicator width props type (#1083) (350f783), closes /github.com/satya164/react-native-tab-view/blob/master/src/TabBarIndicator.tsx#L123
• Only update state if mounted. (#1081) (4f1982c)

Release 2.15.1

2.15.1 (2020-08-04)

Bug Fixes

• don't use deprecated getNode() if not needed (73b9f63)

Release 2.15.0

2.15.0 (2020-07-15)

Bug Fixes

• clean up animation frames (#1035) (b0a8ad4)
• fix type errors for currentlyFocusedInput (7ad838e)
• update accessibility props for latest RN (#1040) (c36a916)
• use currentlyFocusedInput for latest RN (#1010) (a91ff87)

Features

• add renderTabBarItem prop to TabBar (33fd808)