[TabView] iOS TabView issue

Is there an existing issue for this?

• I have searched the existing issues

Explain what you did

I’ve tried impementing the example tabview on react native non expo and i get the following error.

Code:

import React from 'react';
import {Tab, Text, TabView} from '@rneui/themed';
import {View} from 'react-native';

export default () => {
  const [index, setIndex] = React.useState(0);

  return (
    <View>
      <Tab
        value={index}
        onChange={e => setIndex(e)}
        indicatorStyle={{
          backgroundColor: 'white',
          height: 3,
        }}
        variant="primary">
        <Tab.Item title="Recent" titleStyle={{fontSize: 12}} />
        <Tab.Item title="favorite" titleStyle={{fontSize: 12}} />
        <Tab.Item title="cart" titleStyle={{fontSize: 12}} />
      </Tab>

      <TabView value={index} onChange={setIndex} animationType="spring">
        <TabView.Item style={{backgroundColor: 'red', width: '100%'}}>
          <Text h1>Recent</Text>
        </TabView.Item>
        <TabView.Item style={{backgroundColor: 'blue', width: '100%'}}>
          <Text h1>Favorite</Text>
        </TabView.Item>
        <TabView.Item style={{backgroundColor: 'green', width: '100%'}}>
          <Text h1>Cart</Text>
        </TabView.Item>
      </TabView>
    </View>
  );
};

Expected behavior

Instead of rendering tabs, i get the error mentioned above in the screenshot.

Describe the bug

The issue is intermitent on iOS, sometimes when i open the screen with a Tabs component i get the error. On Android it doesn’t happen.

Steps To Reproduce

1. Create app with npx react-native init AwesomeProject
2.Copy example code
3.Run app on iOS and refresh a few times
4.Error appears

----versions----
"@rneui/base": "^4.0.0-rc.6",
"@rneui/themed": "^4.0.0-rc.6",
"react": "18.0.0",
"react-native": "0.69.4",

Screenshots

No response

Your Environment

`npx @rneui/envinfo`

  ```
    Output from `npx @rneui/envinfo` goes here.
  ```

[abhinav-official]

found a fix, guys. @d0rkish @sgtpsibin @mrslimslim @tlmader @radughitescu

All you need to do is add if (inputRange.length-1!==outputRange.length)return 0; after line 53 and before line 54

in node_modules/@rneui/base/dist/Tab/Tab.js

[tlmader]

Experiencing the same issue in 4.0.0-rc.3. Intermittent on iOS and never has happened on Android.