From 388a20bad3d7476964750341f1677e16fbb07c80 Mon Sep 17 00:00:00 2001 From: Ammar Nofal Date: Thu, 24 Mar 2022 14:36:07 +0100 Subject: [PATCH 01/10] feat: add an optional second color param and added reverse focus --- .../useReverseTabBarItemFocusTransition.ts | 78 +++++++++++++++++++ src/presets/bubble/BubbleTabBar.tsx | 16 ++++ src/presets/bubble/item/BubbleTabBarItem.tsx | 15 ++++ src/presets/bubble/types.ts | 22 ++++++ src/types.ts | 4 + 5 files changed, 135 insertions(+) create mode 100644 src/hooks/useReverseTabBarItemFocusTransition.ts diff --git a/src/hooks/useReverseTabBarItemFocusTransition.ts b/src/hooks/useReverseTabBarItemFocusTransition.ts new file mode 100644 index 0000000..26b7dee --- /dev/null +++ b/src/hooks/useReverseTabBarItemFocusTransition.ts @@ -0,0 +1,78 @@ +import Animated from 'react-native-reanimated'; +import type { TabBarConfigurableProps } from '../types'; + +const { + block, + cond, + onChange, + Value, + Clock, + set, + eq, + neq, + not, + or, + timing, + and, + startClock, + clockRunning, + stopClock, +} = Animated; + +interface useReverseTabBarItemFocusTransitionProps + extends Required> { + index: number; + selectedIndex: Animated.Value; +} + +export const useReverseTabBarItemFocusTransition = ({ + index, + selectedIndex, + duration, + easing, +}: useReverseTabBarItemFocusTransitionProps) => { + //#region variables + const clock = new Clock(); + const state = { + finished: new Value(1), + frameTime: new Value(1), + position: new Value(1), + time: new Value(1), + }; + const config = { + toValue: new Value(1), + easing, + duration, + }; + //#endregion + + //#region conditions + const shouldAnimateIn = and(eq(selectedIndex, index), neq(state.position, 0)); + const shouldAnimateOut = and( + neq(selectedIndex, index), + neq(state.position, 1) + ); + const shouldAnimate = or(shouldAnimateIn, shouldAnimateOut); + //#endregion + const finishTiming = [ + stopClock(clock), + set(state.finished, 1), + set(state.frameTime, 1), + set(state.time, 1), + ]; + return block([ + onChange(selectedIndex, finishTiming), + cond(shouldAnimate, [ + cond(and(not(clockRunning(clock)), not(state.finished)), [ + set(state.frameTime, 1), + set(state.time, 1), + set(state.finished, 1), + set(config.toValue, shouldAnimateIn), + startClock(clock), + ]), + timing(clock, state, config), + cond(state.finished, finishTiming), + ]), + state.position, + ]); +}; diff --git a/src/presets/bubble/BubbleTabBar.tsx b/src/presets/bubble/BubbleTabBar.tsx index 0ba2f64..f72cf59 100644 --- a/src/presets/bubble/BubbleTabBar.tsx +++ b/src/presets/bubble/BubbleTabBar.tsx @@ -21,6 +21,7 @@ import { noop } from '../../utilities'; import type { TabBarViewProps } from '../../types'; import type { BubbleTabBarConfig, BubbleTabBarItemConfig } from './types'; import { styles } from './styles'; +import { useReverseTabBarItemFocusTransition } from '../../hooks/useReverseTabBarItemFocusTransition'; const BubbleTabBarComponent = ({ selectedIndex, @@ -51,6 +52,20 @@ const BubbleTabBarComponent = ({ // eslint-disable-next-line react-hooks/exhaustive-deps [tabs, duration, easing] ); + const reverseAnimatedFocusValues = useMemo( + () => + tabs.map((_, index) => + // eslint-disable-next-line react-hooks/rules-of-hooks + useReverseTabBarItemFocusTransition({ + index, + selectedIndex, + duration, + easing, + }) + ), + // eslint-disable-next-line react-hooks/exhaustive-deps + [tabs, duration, easing] + ); const tabBarItemSpacing = useTabBarItemSpacing( itemInnerSpace, itemOuterSpace, @@ -88,6 +103,7 @@ const BubbleTabBarComponent = ({ { //#region extract props const { @@ -51,6 +52,16 @@ const BubbleTabBarItemComponent = ({ inputRange: [0, 1], outputRange: [icon.inactiveColor, icon.activeColor], }); + const animatedIconSecondColor = useMemo(() => { + if (!icon.secondColor) return undefined; + return interpolateColor(animatedFocus, { + inputRange: [0, 1], + outputRange: [ + icon.secondColor.inactiveColor, + icon.secondColor.activeColor, + ], + }); + }, [animatedFocus, icon.secondColor]); const containerStyle = [ styles.container, { @@ -113,13 +124,17 @@ const BubbleTabBarItemComponent = ({ IconComponent({ animatedFocus, color: animatedIconColor, + secondColor: animatedIconSecondColor, size: iconSize, + reverseAnimatedFocus, }) ) : ( ); }; diff --git a/src/presets/bubble/types.ts b/src/presets/bubble/types.ts index 347234c..0ae64c9 100644 --- a/src/presets/bubble/types.ts +++ b/src/presets/bubble/types.ts @@ -39,6 +39,22 @@ export interface BubbleTabBarItemConfig { * @type {string} */ inactiveColor: string; + + /** + * Icon second color. + */ + secondColor?: { + /** + * Tab bar item second color active variant. + * @type {string} + */ + activeColor: string; + /** + * Tab bar item second color inactive variant. + * @type {string} + */ + inactiveColor: string; + }; }; background: { /** @@ -62,6 +78,12 @@ export interface BubbleTabBarIconProps { * @type {Animated.Node} */ animatedFocus: Animated.Node; + + /** + * Tab bar item animated focus value reverse. + * @type {Animated.Node} + */ + reverseAnimatedFocus: Animated.Node; /** * Tab bar item animated icon color. * @type {Animated.Node} diff --git a/src/types.ts b/src/types.ts index c942d4b..e420c9e 100644 --- a/src/types.ts +++ b/src/types.ts @@ -106,6 +106,10 @@ export interface TabBarItemProps * Animated focus value. */ animatedFocus: Animated.Node; + /** + * Animated focus value. + */ + reverseAnimatedFocus?: Animated.Node; /** * Tab index. */ From dc91ccce7a37371b881a9e9553846b79b2b5910d Mon Sep 17 00:00:00 2001 From: Ammar Nofal Date: Mon, 28 Mar 2022 11:52:47 +0200 Subject: [PATCH 02/10] fix: finalize type for BubbleTabBarItem --- src/presets/bubble/types.ts | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/presets/bubble/types.ts b/src/presets/bubble/types.ts index 0ae64c9..9edae35 100644 --- a/src/presets/bubble/types.ts +++ b/src/presets/bubble/types.ts @@ -81,14 +81,21 @@ export interface BubbleTabBarIconProps { /** * Tab bar item animated focus value reverse. - * @type {Animated.Node} + * @type {Animated.Node | undefined} */ - reverseAnimatedFocus: Animated.Node; + reverseAnimatedFocus?: Animated.Node; /** * Tab bar item animated icon color. * @type {Animated.Node} */ color: Animated.Node; + + /** + * Tab bar item animated second icon color. + * @type {Animated.Node | undefined} + */ + secondColor?: Animated.Node; + /** * Tab bar item icon size. * @type {number} From 19272f48a56e3dc724754771e5d35a881c1d8b48 Mon Sep 17 00:00:00 2001 From: Ammar Nofal Date: Tue, 12 Apr 2022 16:16:53 +0200 Subject: [PATCH 03/10] feat: enable compatibility with react-native-reanimated v2 --- package.json | 6 +- src/AnimatedTabBar.tsx | 2 +- src/AnimatedTabBarView.tsx | 2 +- src/components/rawButton/RawButton.tsx | 2 +- src/hooks/useTabBarVisibility.ts | 2 +- src/presets/bubble/item/BubbleTabBarItem.tsx | 2 +- src/presets/flashy/item/FlashyTabBarItem.tsx | 61 ++++++++++--------- .../material/item/MaterialTabBarItem.tsx | 35 ++++++----- .../material/ripple/MaterialTabBarRipple.tsx | 2 +- tsconfig.json | 5 +- 10 files changed, 66 insertions(+), 53 deletions(-) diff --git a/package.json b/package.json index 4374e33..b2fc051 100644 --- a/package.json +++ b/package.json @@ -38,7 +38,7 @@ }, "dependencies": { "lodash.isequal": "^4.5.0", - "react-native-redash": "14.2.4" + "react-native-redash": "16.2.3" }, "devDependencies": { "@commitlint/cli": "^9.1.1", @@ -65,12 +65,12 @@ "typescript": "4.0.3" }, "peerDependencies": { - "@react-navigation/native": ">=5.0.0", "@react-native-community/masked-view": ">=0.1.10", + "@react-navigation/native": ">=5.0.0", "react": "*", "react-native": "*", "react-native-gesture-handler": ">=1.6.1", - "react-native-reanimated": ">=1.8.0", + "react-native-reanimated": ">=2.0.0", "react-native-safe-area-context": ">=0.7.3", "react-native-svg": ">=12.0.2" }, diff --git a/src/AnimatedTabBar.tsx b/src/AnimatedTabBar.tsx index 986b20e..2770783 100644 --- a/src/AnimatedTabBar.tsx +++ b/src/AnimatedTabBar.tsx @@ -14,7 +14,7 @@ import Animated, { call, onChange, } from 'react-native-reanimated'; -import { useValue } from 'react-native-redash'; +import { useValue } from 'react-native-redash/lib/module/v1'; interface Route { name: string; diff --git a/src/AnimatedTabBarView.tsx b/src/AnimatedTabBarView.tsx index 56fd371..3042e3b 100644 --- a/src/AnimatedTabBarView.tsx +++ b/src/AnimatedTabBarView.tsx @@ -1,6 +1,6 @@ import React, { useMemo, useEffect, useRef } from 'react'; import Animated from 'react-native-reanimated'; -import { useValue } from 'react-native-redash'; +import { useValue } from 'react-native-redash/lib/module/v1'; import Presets, { PresetEnum } from './presets'; import type { AnimatedTabBarViewProps } from './types'; diff --git a/src/components/rawButton/RawButton.tsx b/src/components/rawButton/RawButton.tsx index 4a2f575..5bb3a7b 100644 --- a/src/components/rawButton/RawButton.tsx +++ b/src/components/rawButton/RawButton.tsx @@ -11,7 +11,7 @@ import { TapGestureHandler, LongPressGestureHandler, } from 'react-native-gesture-handler'; -import { useValue, useGestureHandler } from 'react-native-redash'; +import { useValue, useGestureHandler } from 'react-native-redash/lib/module/v1'; import { useStableCallback } from '../../hooks'; const { useCode, cond, onChange, eq } = Animated; diff --git a/src/hooks/useTabBarVisibility.ts b/src/hooks/useTabBarVisibility.ts index 95a80a3..b909ba5 100644 --- a/src/hooks/useTabBarVisibility.ts +++ b/src/hooks/useTabBarVisibility.ts @@ -11,7 +11,7 @@ import Animated, { startClock, timing, } from 'react-native-reanimated'; -import { useClock, useValue } from 'react-native-redash'; +import { useClock, useValue } from 'react-native-redash/lib/module/v1'; import { Easing } from '../utilities'; export const useTabBarVisibility = (shouldShowTabBar: boolean) => { diff --git a/src/presets/bubble/item/BubbleTabBarItem.tsx b/src/presets/bubble/item/BubbleTabBarItem.tsx index a22adfe..c6e1e09 100644 --- a/src/presets/bubble/item/BubbleTabBarItem.tsx +++ b/src/presets/bubble/item/BubbleTabBarItem.tsx @@ -1,7 +1,7 @@ import React, { useMemo, memo } from 'react'; import { View, Text, LayoutChangeEvent } from 'react-native'; import Animated from 'react-native-reanimated'; -import { interpolateColor, useValue } from 'react-native-redash'; +import { interpolateColor, useValue } from 'react-native-redash/lib/module/v1'; // @ts-ignore 😞 import isEqual from 'lodash.isequal'; import { interpolate } from '../../../utilities'; diff --git a/src/presets/flashy/item/FlashyTabBarItem.tsx b/src/presets/flashy/item/FlashyTabBarItem.tsx index 3fc3a65..3a9aef4 100644 --- a/src/presets/flashy/item/FlashyTabBarItem.tsx +++ b/src/presets/flashy/item/FlashyTabBarItem.tsx @@ -4,7 +4,7 @@ import Animated from 'react-native-reanimated'; // @ts-ignore 😞 import MaskedView from '@react-native-community/masked-view'; import { Svg, Circle, SvgProps, CircleProps } from 'react-native-svg'; -import { useValues, transformOrigin, toRad } from 'react-native-redash'; +import { transformOrigin, toRad } from 'react-native-redash'; // @ts-ignore 😞 import isEqual from 'lodash.isequal'; import { @@ -15,6 +15,7 @@ import { import { interpolate } from '../../../utilities'; import type { FlashyTabBarItemProps } from '../types'; import { styles } from './styles'; +import { useValues } from 'react-native-redash/lib/module/v1'; const AnimatedSvg = Animated.createAnimatedComponent( Svg @@ -120,21 +121,23 @@ const FlashyTabBarItemComponent = ({ x: 0, y: 0, }, - { - translateY: interpolate(animatedFocus, { - inputRange: [0.25, 1], - outputRange: [ - 0, - divide(sub(containerHeight, multiply(labelHeight, 1.5)), 2), - ], - extrapolate: Extrapolate.CLAMP, - }), - rotate: interpolate(animatedFocus, { - inputRange: [0, 0.5], - outputRange: [toRad(0), toRad(isRTL ? -15 : 15)], - extrapolate: Extrapolate.CLAMP, - }), - } + [ + { + translateY: interpolate(animatedFocus, { + inputRange: [0.25, 1], + outputRange: [ + 0, + divide(sub(containerHeight, multiply(labelHeight, 1.5)), 2), + ], + extrapolate: Extrapolate.CLAMP, + }), + rotate: interpolate(animatedFocus, { + inputRange: [0, 0.5], + outputRange: [toRad(0), toRad(isRTL ? -15 : 15)], + extrapolate: Extrapolate.CLAMP, + }), + }, + ] ) as Animated.AnimatedTransform, }, ]; @@ -170,18 +173,20 @@ const FlashyTabBarItemComponent = ({ x: 0, y: 0, }, - { - translateY: interpolate(animatedFocus, { - inputRange: [0, 1], - outputRange: [innerVerticalSpace, iconSize * -1.5], - extrapolate: Extrapolate.CLAMP, - }), - rotate: interpolate(animatedFocus, { - inputRange: [0, 0.5], - outputRange: [0, toRad(isRTL ? -15 : 15)], - extrapolate: Extrapolate.CLAMP, - }), - } + [ + { + translateY: interpolate(animatedFocus, { + inputRange: [0, 1], + outputRange: [innerVerticalSpace, iconSize * -1.5], + extrapolate: Extrapolate.CLAMP, + }), + rotate: interpolate(animatedFocus, { + inputRange: [0, 0.5], + outputRange: [0, toRad(isRTL ? -15 : 15)], + extrapolate: Extrapolate.CLAMP, + }), + }, + ] ) as Animated.AnimatedTransform, }, ]; diff --git a/src/presets/material/item/MaterialTabBarItem.tsx b/src/presets/material/item/MaterialTabBarItem.tsx index 33544c6..c42147c 100644 --- a/src/presets/material/item/MaterialTabBarItem.tsx +++ b/src/presets/material/item/MaterialTabBarItem.tsx @@ -1,13 +1,14 @@ import React, { useMemo, memo, useCallback } from 'react'; import type { LayoutChangeEvent } from 'react-native'; import Animated from 'react-native-reanimated'; -import { transformOrigin, useValue } from 'react-native-redash'; +import { transformOrigin } from 'react-native-redash'; // @ts-ignore 😞 import isEqual from 'lodash.isequal'; import { useStableCallback } from '../../../hooks'; import { interpolate } from '../../../utilities'; import type { MaterialTabBarItemProps } from '../types'; import { styles } from './styles'; +import { useValue } from 'react-native-redash/lib/module/v1'; const { divide, Extrapolate } = Animated; @@ -65,13 +66,15 @@ const MaterialTabBarItemComponent = (props: MaterialTabBarItemProps) => { x: 0, y: 0, }, - { - scale: interpolate(animatedFocus, { - inputRange: [0, 1], - outputRange: [inactiveScale, 1], - extrapolate: Extrapolate.CLAMP, - }), - } + [ + { + scale: interpolate(animatedFocus, { + inputRange: [0, 1], + outputRange: [inactiveScale, 1], + extrapolate: Extrapolate.CLAMP, + }), + }, + ] ), }, ], @@ -95,13 +98,15 @@ const MaterialTabBarItemComponent = (props: MaterialTabBarItemProps) => { x: 0, y: 0, }, - { - translateY: interpolate(animatedFocus, { - inputRange: [0, 1], - outputRange: [divide(labelHeight, 2), 0], - extrapolate: Extrapolate.CLAMP, - }), - } + [ + { + translateY: interpolate(animatedFocus, { + inputRange: [0, 1], + outputRange: [divide(labelHeight, 2), 0], + extrapolate: Extrapolate.CLAMP, + }), + }, + ] ), } : {}), diff --git a/src/presets/material/ripple/MaterialTabBarRipple.tsx b/src/presets/material/ripple/MaterialTabBarRipple.tsx index 7dab024..ed75710 100644 --- a/src/presets/material/ripple/MaterialTabBarRipple.tsx +++ b/src/presets/material/ripple/MaterialTabBarRipple.tsx @@ -16,7 +16,7 @@ import Animated, { } from 'react-native-reanimated'; // @ts-ignore 😞 import isEqual from 'lodash.isequal'; -import { useValues, get, useValue } from 'react-native-redash'; +import { useValues, get, useValue } from 'react-native-redash/lib/module/v1'; import { interpolate } from '../../../utilities'; import type { MaterialTabBarItemConfig } from '../types'; import { styles } from './styles'; diff --git a/tsconfig.json b/tsconfig.json index 940fdca..68f381f 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -3,6 +3,9 @@ "baseUrl": ".", "paths": { "@gorhom/animated-tabbar": ["./src/index"], + "react-native-redash/lib/module/v1": [ + "./node_modules/react-native-redash/lib/typescript/v1/index.d.ts" + ] }, "allowUnreachableCode": false, "allowUnusedLabels": false, @@ -22,7 +25,7 @@ "resolveJsonModule": true, "skipLibCheck": true, "strict": true, - "target": "esnext" + "target": "esnext", }, "include": ["src"] } From 352cf896a2d2a61173557c0b9c99691eb6a46a0f Mon Sep 17 00:00:00 2001 From: Ammar Nofal Date: Tue, 12 Apr 2022 16:26:43 +0200 Subject: [PATCH 04/10] chore: release v2.2.0 --- .release-it.json | 8 +-- CHANGELOG.md | 182 ++++++++++++++++++++++++++--------------------- package.json | 2 +- 3 files changed, 104 insertions(+), 88 deletions(-) diff --git a/.release-it.json b/.release-it.json index 4049c43..522f581 100644 --- a/.release-it.json +++ b/.release-it.json @@ -1,16 +1,16 @@ { "git": { - "push": true, + "push": false, "tagName": "v${version}", "commitMessage": "chore: release v${version}", "changelog": "auto-changelog --stdout --commit-limit false --ignore-commit-pattern \"^chore: release v\" --unreleased --template ./release-template.hbs" }, "github": { - "release": true, + "release": false, "releaseNotes": "auto-changelog --stdout --commit-limit false --ignore-commit-pattern \"^chore: release v\" --unreleased --template ./release-template.hbs" }, "npm": { - "publish": false + "publish": true }, "plugins": { "@release-it/conventional-changelog": { @@ -20,4 +20,4 @@ "hooks": { "after:bump": "auto-changelog -p --ignore-commit-pattern \"^chore: release v\"" } -} \ No newline at end of file +} diff --git a/CHANGELOG.md b/CHANGELOG.md index 6203131..029e31e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,160 +4,176 @@ All notable changes to this project will be documented in this file. Dates are d Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). -#### [v2.1.2](https://github.com/gorhom/react-native-animated-tabbar/compare/v2.1.1...v2.1.2) +#### [v2.2.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.2.0...v2.2.0) -- fix: downgrade redash version to v14 [`3856e62`](https://github.com/gorhom/react-native-animated-tabbar/commit/3856e62f284d50417e3f39e97a3283f77b37b3c1) -- docs: updated material example readme file [`8dee86c`](https://github.com/gorhom/react-native-animated-tabbar/commit/8dee86c3c85c53ee07a7404b8af0c8f850a20f00) +- feat: enable compatibility with react-native-reanimated v2 [`#1`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/1) +- fix: finalize type for BubbleTabBarItem [`dc91ccc`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/dc91ccce7a37371b881a9e9553846b79b2b5910d) -#### [v2.1.1](https://github.com/gorhom/react-native-animated-tabbar/compare/v2.1.0...v2.1.1) +#### [v2.2.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.1.2...v2.2.0) + +> 24 March 2022 + +- fix: updated the tab bar visibility to support react navigation 6 [`#125`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/125) +- feat: add an optional second color param and added reverse focus [`388a20b`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/388a20bad3d7476964750341f1677e16fbb07c80) +- docs: update readme [`5ba6ec5`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/5ba6ec5374314b88235e270ef28540957c1c4cdb) +- chore: updated sponsor link [`e68001b`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/e68001b9f03b38a1d86e64fca62e41b8f19754f8) + +#### [v2.1.2](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.1.1...v2.1.2) + +> 29 June 2021 + +- fix: downgrade redash version to v14 [`3856e62`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/3856e62f284d50417e3f39e97a3283f77b37b3c1) +- docs: updated material example readme file [`8dee86c`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/8dee86c3c85c53ee07a7404b8af0c8f850a20f00) + +#### [v2.1.1](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.1.0...v2.1.1) > 25 January 2021 -- fix: updated container style type [`#99`](https://github.com/gorhom/react-native-animated-tabbar/pull/99) +- fix: updated container style type [`#99`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/99) -#### [v2.1.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v2.0.1...v2.1.0) +#### [v2.1.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.0.1...v2.1.0) > 17 October 2020 -- chore: update dependencies [`#81`](https://github.com/gorhom/react-native-animated-tabbar/pull/81) -- refactor: clean up code base [`#78`](https://github.com/gorhom/react-native-animated-tabbar/pull/78) -- feat: added Reanimated v2 compatibility (by @danielwinkler) [`3df1de8`](https://github.com/gorhom/react-native-animated-tabbar/commit/3df1de8d7a13aa8d1d0d63d3a63323ab157677a1) +- chore: update dependencies [`#81`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/81) +- refactor: clean up code base [`#78`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/78) +- feat: added Reanimated v2 compatibility (by @danielwinkler) [`3df1de8`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/3df1de8d7a13aa8d1d0d63d3a63323ab157677a1) -#### [v2.0.1](https://github.com/gorhom/react-native-animated-tabbar/compare/v2.0.0...v2.0.1) +#### [v2.0.1](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.0.0...v2.0.1) > 12 August 2020 -- chore: added tabBarVisible support for react-navigation 5 [`#69`](https://github.com/gorhom/react-native-animated-tabbar/pull/69) -- docs: updated readme file to clarify TS vs JS examples [`#63`](https://github.com/gorhom/react-native-animated-tabbar/pull/63) -- chore: added icon with badge example [`66f9cce`](https://github.com/gorhom/react-native-animated-tabbar/commit/66f9ccecfd68e88b71e7a327261d94fe30e6a716) +- chore: added tabBarVisible support for react-navigation 5 [`#69`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/69) +- docs: updated readme file to clarify TS vs JS examples [`#63`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/63) +- chore: added icon with badge example [`66f9cce`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/66f9ccecfd68e88b71e7a327261d94fe30e6a716) -#### [v2.0.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v2.0.0-beta.0...v2.0.0) +#### [v2.0.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.0.0-beta.0...v2.0.0) > 18 July 2020 -- chore: update dependencies [`#62`](https://github.com/gorhom/react-native-animated-tabbar/pull/62) -- refactor: updated presets types [`#61`](https://github.com/gorhom/react-native-animated-tabbar/pull/61) -- chore: extract AnimatedTabBar props to types file [`4d38cf8`](https://github.com/gorhom/react-native-animated-tabbar/commit/4d38cf872588ba141a53dd579360a10326876c7a) -- docs: added js example [`f022e8c`](https://github.com/gorhom/react-native-animated-tabbar/commit/f022e8c704a6a8dd50dd5d3e3e776d98fb81fe5e) +- chore: update dependencies [`#62`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/62) +- refactor: updated presets types [`#61`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/61) +- chore: extract AnimatedTabBar props to types file [`4d38cf8`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/4d38cf872588ba141a53dd579360a10326876c7a) +- docs: added js example [`f022e8c`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/f022e8c704a6a8dd50dd5d3e3e776d98fb81fe5e) -#### [v2.0.0-beta.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v1.6.0...v2.0.0-beta.0) +#### [v2.0.0-beta.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v1.6.0...v2.0.0-beta.0) > 18 July 2020 -- feat: add material preset [`#60`](https://github.com/gorhom/react-native-animated-tabbar/pull/60) -- chore: updated types to allow presets to extend animated tab bar props [`#59`](https://github.com/gorhom/react-native-animated-tabbar/pull/59) -- refactor: clean up presets [`#57`](https://github.com/gorhom/react-native-animated-tabbar/pull/57) -- refactor: moved presets into a folder [`#56`](https://github.com/gorhom/react-native-animated-tabbar/pull/56) +- feat: add material preset [`#60`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/60) +- chore: updated types to allow presets to extend animated tab bar props [`#59`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/59) +- refactor: clean up presets [`#57`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/57) +- refactor: moved presets into a folder [`#56`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/56) -#### [v1.6.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v1.5.1...v1.6.0) +#### [v1.6.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v1.5.1...v1.6.0) > 20 June 2020 -- fix: updated reading indicator color check [`#53`](https://github.com/gorhom/react-native-animated-tabbar/pull/53) -- feat: allow parent to control animated index [`#50`](https://github.com/gorhom/react-native-animated-tabbar/pull/50) -- fix: fixed extracting navigation state for RN 4 [`f132e11`](https://github.com/gorhom/react-native-animated-tabbar/commit/f132e114d13d9616dcfe1076c6316744222e9231) +- fix: updated reading indicator color check [`#53`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/53) +- feat: allow parent to control animated index [`#50`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/50) +- fix: fixed extracting navigation state for RN 4 [`f132e11`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/f132e114d13d9616dcfe1076c6316744222e9231) -#### [v1.5.1](https://github.com/gorhom/react-native-animated-tabbar/compare/v1.5.0...v1.5.1) +#### [v1.5.1](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v1.5.0...v1.5.1) > 8 June 2020 -- chore: support icon class component [`#43`](https://github.com/gorhom/react-native-animated-tabbar/pull/43) -- chore: updated styled examples [`8e248e1`](https://github.com/gorhom/react-native-animated-tabbar/commit/8e248e1b1d084b8fdb20b9709b83011a717b7fd2) -- chore: allow user to override safeAreaInsets [`20b2141`](https://github.com/gorhom/react-native-animated-tabbar/commit/20b214120223f9b5cdf9aa227fd136ba42261cb1) -- chore: updated presets icon type [`8d85da2`](https://github.com/gorhom/react-native-animated-tabbar/commit/8d85da2a82a783d065f9b28b23480c8c8042dbe7) +- chore: support icon class component [`#43`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/43) +- chore: updated styled examples [`8e248e1`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/8e248e1b1d084b8fdb20b9709b83011a717b7fd2) +- chore: allow user to override safeAreaInsets [`20b2141`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/20b214120223f9b5cdf9aa227fd136ba42261cb1) +- chore: updated presets icon type [`8d85da2`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/8d85da2a82a783d065f9b28b23480c8c8042dbe7) -#### [v1.5.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v1.4.0...v1.5.0) +#### [v1.5.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v1.4.0...v1.5.0) > 24 May 2020 -- Fix typo in animated-icons.md docs [`#42`](https://github.com/gorhom/react-native-animated-tabbar/pull/42) -- feat: add accessibility support [`#41`](https://github.com/gorhom/react-native-animated-tabbar/pull/41) -- feat: support long press [`#40`](https://github.com/gorhom/react-native-animated-tabbar/pull/40) -- chore: added flatlist to examples [`d9fe3bb`](https://github.com/gorhom/react-native-animated-tabbar/commit/d9fe3bb2fd18ba64f30fb22cbe5e09dc8ae3bb51) -- docs: updated readme file [`65a3c79`](https://github.com/gorhom/react-native-animated-tabbar/commit/65a3c79c977f6567272665f851a99b448e432f1a) +- Fix typo in animated-icons.md docs [`#42`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/42) +- feat: add accessibility support [`#41`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/41) +- feat: support long press [`#40`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/40) +- chore: added flatlist to examples [`d9fe3bb`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/d9fe3bb2fd18ba64f30fb22cbe5e09dc8ae3bb51) +- docs: updated readme file [`65a3c79`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/65a3c79c977f6567272665f851a99b448e432f1a) -#### [v1.4.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v1.3.0...v1.4.0) +#### [v1.4.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v1.3.0...v1.4.0) > 20 May 2020 -- feat: support standalone usage [`#38`](https://github.com/gorhom/react-native-animated-tabbar/pull/38) -- docs: fixed a typo in README [`#35`](https://github.com/gorhom/react-native-animated-tabbar/pull/35) -- chore: rename routes to tabs for tabbar view [`#37`](https://github.com/gorhom/react-native-animated-tabbar/pull/37) +- feat: support standalone usage [`#38`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/38) +- docs: fixed a typo in README [`#35`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/35) +- chore: rename routes to tabs for tabbar view [`#37`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/37) -#### [v1.3.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v1.2.0...v1.3.0) +#### [v1.3.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v1.2.0...v1.3.0) > 9 May 2020 -- fix: fixed flashy on react-native 0.61 android [`#33`](https://github.com/gorhom/react-native-animated-tabbar/pull/33) -- fix: optimise cpu usage 🚀 [`#32`](https://github.com/gorhom/react-native-animated-tabbar/pull/32) -- chore: improve types by (@nandorojo) [`#34`](https://github.com/gorhom/react-native-animated-tabbar/pull/34) -- feat: Export individual tabbar components and associated props [`#28`](https://github.com/gorhom/react-native-animated-tabbar/pull/28) -- chore: improve types by (@nandorojo) (#34) [`#18`](https://github.com/gorhom/react-native-animated-tabbar/issues/18) -- docs: resize buymeacoffee button [`2645546`](https://github.com/gorhom/react-native-animated-tabbar/commit/2645546bbe6a9299a0706ed629ca8cff0ff115d4) +- fix: fixed flashy on react-native 0.61 android [`#33`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/33) +- fix: optimise cpu usage 🚀 [`#32`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/32) +- chore: improve types by (@nandorojo) [`#34`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/34) +- feat: Export individual tabbar components and associated props [`#28`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/28) +- chore: improve types by (@nandorojo) (#34) [`#18`](https://github.com/raisin-gmbh/react-native-animated-tabbar/issues/18) +- docs: resize buymeacoffee button [`2645546`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/2645546bbe6a9299a0706ed629ca8cff0ff115d4) -#### [v1.2.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v1.1.0...v1.2.0) +#### [v1.2.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v1.1.0...v1.2.0) > 27 April 2020 -- feat: update library branding [`#27`](https://github.com/gorhom/react-native-animated-tabbar/pull/27) -- feat: add flashy preset [`#26`](https://github.com/gorhom/react-native-animated-tabbar/pull/26) -- docs: added buymeacoffee button [`7ba1200`](https://github.com/gorhom/react-native-animated-tabbar/commit/7ba120000a418edadd5ee3f843eec8eff8dfef9f) -- chore: added funding file [`9cfd2b4`](https://github.com/gorhom/react-native-animated-tabbar/commit/9cfd2b48d45ed82fa67f06b413c3e0586984fa73) +- feat: update library branding [`#27`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/27) +- feat: add flashy preset [`#26`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/26) +- docs: added buymeacoffee button [`7ba1200`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/7ba120000a418edadd5ee3f843eec8eff8dfef9f) +- chore: added funding file [`9cfd2b4`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/9cfd2b48d45ed82fa67f06b413c3e0586984fa73) -#### [v1.1.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v1.0.0...v1.1.0) +#### [v1.1.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v1.0.0...v1.1.0) > 26 April 2020 -- feat: provide animated focus [`#24`](https://github.com/gorhom/react-native-animated-tabbar/pull/24) -- refactor: extract tab config [`#23`](https://github.com/gorhom/react-native-animated-tabbar/pull/23) -- chore: added TabsConfigsType back till the next major release [`31883bd`](https://github.com/gorhom/react-native-animated-tabbar/commit/31883bd627b23bada0e033f677154f2abd88455b) -- docs: added addWhitelistedNativeProps dev note [`082f3b5`](https://github.com/gorhom/react-native-animated-tabbar/commit/082f3b5a2315cce8be66077e94e9a798ffd35b05) +- feat: provide animated focus [`#24`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/24) +- refactor: extract tab config [`#23`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/23) +- chore: added TabsConfigsType back till the next major release [`31883bd`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/31883bd627b23bada0e033f677154f2abd88455b) +- docs: added addWhitelistedNativeProps dev note [`082f3b5`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/082f3b5a2315cce8be66077e94e9a798ffd35b05) -### [v1.0.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v0.3.0...v1.0.0) +### [v1.0.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v0.3.0...v1.0.0) > 15 April 2020 -- feat: RTL support [`#14`](https://github.com/gorhom/react-native-animated-tabbar/pull/14) -- feat: extract bubble animation [`#13`](https://github.com/gorhom/react-native-animated-tabbar/pull/13) -- chore: added preset prop validator [`2a2db45`](https://github.com/gorhom/react-native-animated-tabbar/commit/2a2db45a93611fa9a20f162509221e832ff36b9b) +- feat: RTL support [`#14`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/14) +- feat: extract bubble animation [`#13`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/13) +- chore: added preset prop validator [`2a2db45`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/2a2db45a93611fa9a20f162509221e832ff36b9b) -#### [v0.3.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v0.2.2...v0.3.0) +#### [v0.3.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v0.2.2...v0.3.0) > 14 April 2020 -- feat: added icon size prop [`#12`](https://github.com/gorhom/react-native-animated-tabbar/pull/12) -- feat: added item space props [`#11`](https://github.com/gorhom/react-native-animated-tabbar/pull/11) -- fix: fixed internal types [`e029f1a`](https://github.com/gorhom/react-native-animated-tabbar/commit/e029f1a71f09216475102aeec58db013d0ccc967) +- feat: added icon size prop [`#12`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/12) +- feat: added item space props [`#11`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/11) +- fix: fixed internal types [`e029f1a`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/e029f1a71f09216475102aeec58db013d0ccc967) -#### [v0.2.2](https://github.com/gorhom/react-native-animated-tabbar/compare/v0.2.1...v0.2.2) +#### [v0.2.2](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v0.2.1...v0.2.2) > 6 April 2020 -- chore: fixed a typo to return key instead of ket (by @casprine) [`#8`](https://github.com/gorhom/react-native-animated-tabbar/pull/8) +- chore: fixed a typo to return key instead of ket (by @casprine) [`#8`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/8) -#### [v0.2.1](https://github.com/gorhom/react-native-animated-tabbar/compare/v0.2.0...v0.2.1) +#### [v0.2.1](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v0.2.0...v0.2.1) > 4 April 2020 -- chore: expose container style [`#7`](https://github.com/gorhom/react-native-animated-tabbar/pull/7) -- chore: added @gorhom/showcase-template for example [`#6`](https://github.com/gorhom/react-native-animated-tabbar/pull/6) -- docs: update issue templates [`d879397`](https://github.com/gorhom/react-native-animated-tabbar/commit/d879397239cd90a11e6301eaa0ee465b2a54a267) -- chore: exclude example filder types from distribution [`86df8d0`](https://github.com/gorhom/react-native-animated-tabbar/commit/86df8d06f0cd5e3c2c9ea28827431851df0e5758) -- docs: updated installation guide [`5d0bc55`](https://github.com/gorhom/react-native-animated-tabbar/commit/5d0bc553b933363acc8bac5e1ad0258011891bd1) +- chore: expose container style [`#7`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/7) +- chore: added @gorhom/showcase-template for example [`#6`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/6) +- docs: update issue templates [`d879397`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/d879397239cd90a11e6301eaa0ee465b2a54a267) +- chore: exclude example filder types from distribution [`86df8d0`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/86df8d06f0cd5e3c2c9ea28827431851df0e5758) +- docs: updated installation guide [`5d0bc55`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/5d0bc553b933363acc8bac5e1ad0258011891bd1) -#### [v0.2.0](https://github.com/gorhom/react-native-animated-tabbar/compare/v0.1.1...v0.2.0) +#### [v0.2.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v0.1.1...v0.2.0) > 31 March 2020 -- feat: support react navigation 4 [`#5`](https://github.com/gorhom/react-native-animated-tabbar/pull/5) -- chore: fix example bottom bar version [`46c837b`](https://github.com/gorhom/react-native-animated-tabbar/commit/46c837bbf9f36548dadaa563d5116190ee760973) -- docs: update example code [`672df3a`](https://github.com/gorhom/react-native-animated-tabbar/commit/672df3a07ef57ecee91a2448e724587ba2fea5e1) +- feat: support react navigation 4 [`#5`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/5) +- chore: fix example bottom bar version [`46c837b`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/46c837bbf9f36548dadaa563d5116190ee760973) +- docs: update example code [`672df3a`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/672df3a07ef57ecee91a2448e724587ba2fea5e1) #### v0.1.1 > 30 March 2020 -- docs: update docs & prepare initial release [`#3`](https://github.com/gorhom/react-native-animated-tabbar/pull/3) -- chore: init project 🎉 [`a6d7709`](https://github.com/gorhom/react-native-animated-tabbar/commit/a6d77095008b28a7d238f3c91dcbf7b89db0bf07) -- chore: add react-navigation and other libs [`10f0a70`](https://github.com/gorhom/react-native-animated-tabbar/commit/10f0a70c40968acab40c3f1a745b55e0bdc05f16) -- chore: implement initial animated tab bar [`1b05a9c`](https://github.com/gorhom/react-native-animated-tabbar/commit/1b05a9c66c3ea86fa1613106d13d4e4de6992508) +- docs: update docs & prepare initial release [`#3`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/3) +- chore: init project 🎉 [`a6d7709`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/a6d77095008b28a7d238f3c91dcbf7b89db0bf07) +- chore: add react-navigation and other libs [`10f0a70`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/10f0a70c40968acab40c3f1a745b55e0bdc05f16) +- chore: implement initial animated tab bar [`1b05a9c`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/1b05a9c66c3ea86fa1613106d13d4e4de6992508) diff --git a/package.json b/package.json index b2fc051..68db898 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gorhom/animated-tabbar", - "version": "2.1.2", + "version": "2.2.0", "description": "A 60FPS animated tab bar with a variety of cool animation presets.", "main": "lib/commonjs/index.js", "module": "lib/module/index.js", From 77e041b6988b3420d50900882953b9a10f246695 Mon Sep 17 00:00:00 2001 From: Ammar Nofal Date: Tue, 12 Apr 2022 16:27:59 +0200 Subject: [PATCH 05/10] chore: release v2.3.0 --- CHANGELOG.md | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 029e31e..5882c20 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,7 +4,7 @@ All notable changes to this project will be documented in this file. Dates are d Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). -#### [v2.2.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.2.0...v2.2.0) +#### [v2.3.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.2.0...v2.3.0) - feat: enable compatibility with react-native-reanimated v2 [`#1`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/1) - fix: finalize type for BubbleTabBarItem [`dc91ccc`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/dc91ccce7a37371b881a9e9553846b79b2b5910d) diff --git a/package.json b/package.json index 68db898..00a3223 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gorhom/animated-tabbar", - "version": "2.2.0", + "version": "2.3.0", "description": "A 60FPS animated tab bar with a variety of cool animation presets.", "main": "lib/commonjs/index.js", "module": "lib/module/index.js", From 9fdd5cf1705fb663245b80084347cb9284fef922 Mon Sep 17 00:00:00 2001 From: Ammar Nofal Date: Tue, 12 Apr 2022 16:28:27 +0200 Subject: [PATCH 06/10] chore: release v2.4.0 --- .release-it.json | 4 ++-- CHANGELOG.md | 2 +- package.json | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/.release-it.json b/.release-it.json index 522f581..4905273 100644 --- a/.release-it.json +++ b/.release-it.json @@ -1,12 +1,12 @@ { "git": { - "push": false, + "push": true, "tagName": "v${version}", "commitMessage": "chore: release v${version}", "changelog": "auto-changelog --stdout --commit-limit false --ignore-commit-pattern \"^chore: release v\" --unreleased --template ./release-template.hbs" }, "github": { - "release": false, + "release": true, "releaseNotes": "auto-changelog --stdout --commit-limit false --ignore-commit-pattern \"^chore: release v\" --unreleased --template ./release-template.hbs" }, "npm": { diff --git a/CHANGELOG.md b/CHANGELOG.md index 5882c20..4d91f7f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,7 +4,7 @@ All notable changes to this project will be documented in this file. Dates are d Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). -#### [v2.3.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.2.0...v2.3.0) +#### [v2.4.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.2.0...v2.4.0) - feat: enable compatibility with react-native-reanimated v2 [`#1`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/1) - fix: finalize type for BubbleTabBarItem [`dc91ccc`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/dc91ccce7a37371b881a9e9553846b79b2b5910d) diff --git a/package.json b/package.json index 00a3223..85dab6a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gorhom/animated-tabbar", - "version": "2.3.0", + "version": "2.4.0", "description": "A 60FPS animated tab bar with a variety of cool animation presets.", "main": "lib/commonjs/index.js", "module": "lib/module/index.js", From db3ee5f49f34e35d27dbb21b9073069dc83ae6f5 Mon Sep 17 00:00:00 2001 From: mohammadalijf Date: Tue, 10 May 2022 12:56:30 +0200 Subject: [PATCH 07/10] feat: add labelAllowFontScaling --- package.json | 2 +- src/presets/bubble/item/BubbleTabBarItem.tsx | 8 +++++++- src/presets/bubble/types.ts | 6 +++++- 3 files changed, 13 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 85dab6a..58218fe 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gorhom/animated-tabbar", - "version": "2.4.0", + "version": "2.4.1", "description": "A 60FPS animated tab bar with a variety of cool animation presets.", "main": "lib/commonjs/index.js", "module": "lib/module/index.js", diff --git a/src/presets/bubble/item/BubbleTabBarItem.tsx b/src/presets/bubble/item/BubbleTabBarItem.tsx index c6e1e09..0f86aeb 100644 --- a/src/presets/bubble/item/BubbleTabBarItem.tsx +++ b/src/presets/bubble/item/BubbleTabBarItem.tsx @@ -16,6 +16,7 @@ const BubbleTabBarItemComponent = ({ icon, background, labelStyle: labelStyleOverride, + labelAllowFontScaling, spacing, iconSize, isRTL, @@ -145,7 +146,12 @@ const BubbleTabBarItemComponent = ({ {renderIcon()} - + {label} diff --git a/src/presets/bubble/types.ts b/src/presets/bubble/types.ts index 9edae35..a8bce43 100644 --- a/src/presets/bubble/types.ts +++ b/src/presets/bubble/types.ts @@ -1,4 +1,4 @@ -import type { TextStyle } from 'react-native'; +import type { TextProps, TextStyle } from 'react-native'; import type Animated from 'react-native-reanimated'; import type { TabBarItemProps } from '../../types'; @@ -16,6 +16,10 @@ export interface BubbleTabBarItemConfig { * } */ labelStyle: TextStyle; + /** + * Specifies whether fonts should scale to respect Text Size accessibility settings. The default is true. + */ + labelAllowFontScaling: TextProps['allowFontScaling']; /** * Tab bar item icon config. */ From a6432996ffe20528d25c249bfb4c6a696538a299 Mon Sep 17 00:00:00 2001 From: mohammadalijf Date: Tue, 10 May 2022 13:07:15 +0200 Subject: [PATCH 08/10] chore: release v2.5.0 --- CHANGELOG.md | 6 ++++++ package.json | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4d91f7f..ca98e90 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,8 +4,14 @@ All notable changes to this project will be documented in this file. Dates are d Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). +#### [v2.5.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.4.0...v2.5.0) + +- feat: add labelAllowFontScaling [`db3ee5f`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/db3ee5f49f34e35d27dbb21b9073069dc83ae6f5) + #### [v2.4.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.2.0...v2.4.0) +> 12 April 2022 + - feat: enable compatibility with react-native-reanimated v2 [`#1`](https://github.com/raisin-gmbh/react-native-animated-tabbar/pull/1) - fix: finalize type for BubbleTabBarItem [`dc91ccc`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/dc91ccce7a37371b881a9e9553846b79b2b5910d) diff --git a/package.json b/package.json index 58218fe..dbb1554 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gorhom/animated-tabbar", - "version": "2.4.1", + "version": "2.5.0", "description": "A 60FPS animated tab bar with a variety of cool animation presets.", "main": "lib/commonjs/index.js", "module": "lib/module/index.js", From c966cf550545243fe98ee84a74cc29f95147801f Mon Sep 17 00:00:00 2001 From: Ammar Nofal Date: Tue, 10 May 2022 13:27:20 +0200 Subject: [PATCH 09/10] fix: src update --- src/presets/bubble/BubbleTabBar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/presets/bubble/BubbleTabBar.tsx b/src/presets/bubble/BubbleTabBar.tsx index f72cf59..7433434 100644 --- a/src/presets/bubble/BubbleTabBar.tsx +++ b/src/presets/bubble/BubbleTabBar.tsx @@ -37,7 +37,7 @@ const BubbleTabBarComponent = ({ animatedOnChange, onLongPress = noop, }: TabBarViewProps) => { - //#region variables + // #region variables const animatedFocusValues = useMemo( () => tabs.map((_, index) => From f5ae4a2be20ab8a5942b9a8199047c5f7a399661 Mon Sep 17 00:00:00 2001 From: Ammar Nofal Date: Tue, 10 May 2022 13:33:23 +0200 Subject: [PATCH 10/10] chore: release v2.5.1 --- CHANGELOG.md | 6 ++++++ package.json | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ca98e90..cf8662f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,8 +4,14 @@ All notable changes to this project will be documented in this file. Dates are d Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog). +#### [v2.5.1](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.5.0...v2.5.1) + +- fix: src update [`c966cf5`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/c966cf550545243fe98ee84a74cc29f95147801f) + #### [v2.5.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.4.0...v2.5.0) +> 10 May 2022 + - feat: add labelAllowFontScaling [`db3ee5f`](https://github.com/raisin-gmbh/react-native-animated-tabbar/commit/db3ee5f49f34e35d27dbb21b9073069dc83ae6f5) #### [v2.4.0](https://github.com/raisin-gmbh/react-native-animated-tabbar/compare/v2.2.0...v2.4.0) diff --git a/package.json b/package.json index dbb1554..3439446 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gorhom/animated-tabbar", - "version": "2.5.0", + "version": "2.5.1", "description": "A 60FPS animated tab bar with a variety of cool animation presets.", "main": "lib/commonjs/index.js", "module": "lib/module/index.js",