junhoyeo/react-native-bubble-tabbar

🧼 Bubble Tab Bar Component for React Native which supports React Navigation V5 and TypeScript

react-native-bubble-tabbar's Issues

[Bug] White divider in dark mode

Hello,

Firstly, gg for your component it work like a charm but I have a little problem with my dark mode . I have a white line screen showed and when I run your exemple I have the same issue. it's possible to remove this little padding ? :)

Thank

Add proper documentation

I'm a little busy for a week of more, so if anyone wants to contribute, feel free to take this 🙌

Unable to resolve module `styled-components/native`

Unable to resolve module styled-components/native from node_modules/react-native-bubble-tabbar/lib/BubbleTabBar.js: styled-components/native could not be found within the project.

If you are sure the module exists, try these steps:

1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules: rm -rf node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*

[Feature request] add ui kitten eva-icons support

Hi, I'm using the ui-kitten icons.

const evaIconRenderer = ({icon}: IIconRenderer) => <Icon name={icon} />;

const CustomTabBar: React.FC<BottomTabBarProps> = ({
  state,
  descriptors,
  navigation,
}) => {
  return (
    <BubbleTabBar
      state={state}
      descriptors={descriptors}
      navigation={navigation}
      tabs={tabs}
      iconRenderer={evaIconRenderer}
    />
  );
};

Even with the iconRenderer, I cannot get the icons show up.

Possibly this is due to the fact that eva icon is rendering icons with JSX elements.

The active highlight becomes eerily big.

[v0.0.10] cannot import module

i just update version of react-native-bubble-tabbar from 0.0.9 to 0.0.10. I got error message like this:

error: Error: While trying to resolve module react-native-bubble-tabbar from file /Users/adlifariz/Dev/komodo-mobile/packages/komodobuyer/src/routes/Home.navigator.tsx, the package /Users/adlifariz/Dev/komodo-mobile/node_modules/react-native-bubble-tabbar/package.json was successfully found. However, this package itself specifies a main module field that could not be resolved (/Users/adlifariz/Dev/komodo-mobile/node_modules/react-native-bubble-tabbar/lib/index.js.

I hope this bug can be solve in next version thank you 🙏🏻