search

torgeadelin / react-native-animated-nav-tab-bar

A simple and customisable React Native component that implements an animated bottom tab bar for React Navigation.
MIT License
893 stars 101 forks source link

Tab Animation RTL Support #59

Closed KAMR4N closed 3 years ago

KAMR4N commented 3 years ago

I'm using "I18nManager" to adding and force RTL (Right To Left) support for Persian language, but the View of the Animation or Active Tab is not support for RTL.

Example: example-Tab-bar

mustafakameldev commented 3 years ago

I'm facing the same issue. could anyone give help with that?

torgeadelin commented 3 years ago

Will try to fix this as soon as possible.

rayansys commented 3 years ago

change style in index.js line 459 to : 

reactNative.I18nManager.isRTL ? {
                                right: animatedPos.interpolate({
                                    inputRange: [0, 1],
                                    outputRange: [prevPos, pos],
                                })
                                } : {
                                left: animatedPos.interpolate({
                                    inputRange: [0, 1],
                                    outputRange: [prevPos, pos],
                                })
                            }
torgeadelin commented 3 years ago

fixed, please update to 3.1.3