Cannot use CustomTabBar

[rithvikvibhu]

So i copied the DefaultTabBar.js to app root and renamed it to CustomTabBar.

Tried importing it like

CustomTabBar = require('./CustomTabBar');

and changing the import for Button (in CustomTabBar.js):

import Button from 'react-native-scrollable-tab-view';

It works (sort of). The tabs don't show text and the border is blue throughout. I wanted to know why the same piece of code wouldn't work when importing from module and from another file. Any ideas?

[rithvikvibhu]

Also, there's a warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of 'DefaultTabBar'. See https://fb.me/react-warning-keys for more information

in Button (created by DefaultTabBar)
in DeafultTabBar (created by ScrollableTabView)
in RCTView (created by View)
in ScrollableTabView (created by CustomTabBar)
in RCTView (created by View)
in CustomTabBar (created by ScrollableTabView)
in RCTView (created by View)
in View (created by ScrollableTabView)
in ScrollableTabView (created by *****appnamehere****)
... and stuff

[Nicomalacho]

Same here, RN 0.37

[soriac]

Getting the same warning, RN 0.42

[skv-headless]

Please make a repo showing this bug and I will take a look

[iLeonelPerea]

Did you fixed it ? i have the same error