RTL Swipe Not Working

[alwathan]

Bug

RTL Swipe Not Working

Preview

My Environment

software	version
android	emulator
react-native	0.72.4
react-native-paper	^5.10.3
expo sdk	~49.0.8

[yshakouri]

Same Issue

[RichardLindhout]

PR is welcome

[AnasRezk]

@RichardLindhout Thanks for the great package.

The active tab's underline indicator is missing when testing in RTL (Right-to-Left) mode.

I did a quick check; I think the issue relates to how the translateX property is calculated.

   // get the total width of the tabs
    const totalWidth = childrenA.reduce((acc, __, i) => {
      const cl = currentLayout?.[i];
      return cl ? acc + cl.width : acc;
    }, 0);

    const getTranslateX = (i: number) => {
      const cl = layouts.current?.[i];
      if (!cl) {
        return 0;
      }

      if (I18nManager.isRTL) {
        const rtlX = Math.floor(totalWidth) - (cl.x + cl.width);
        return -(rtlX + cl.width / 2) / cl.width;
      }

      return (cl.x + cl.width / 2) / cl.width;
    };

Could you please take a look 🙏