ptomasroos / react-native-scrollable-tab-view

Tabbed navigation that you can swipe between, each tab can have its own ScrollView and maintain its own scroll position between swipes. Pleasantly animated. Customizable tab bar
https://www.npmjs.com/package/react-native-scrollable-tab-view
6.93k stars 2.29k forks source link

how to set tabitem width? #1020

Open waitzhou opened 5 years ago

waitzhou commented 5 years ago

i have many item need to display,like this:

MLW$ N%5BPTANH9Y_TKY%T6

how could i set the item width and the tab bar wrapcontent

thanks!

Steps to Reproduce

Expected Behavior

Actual Behavior

tejachundru commented 5 years ago

You can pass styles to tabs as a prop, from renderTabBar Example `<ScrollableTabView initialPage={0} renderTabBar={() => ( <ScrollableTabBar tabStyle={{ width: 100 }} /> )}

{renderContent()} );`

bohehe commented 5 years ago

You can pass styles to tabs as a prop, from renderTabBar Example <ScrollableTabView initialPage={0} renderTabBar={() => ( <ScrollableTabBar tabStyle={{ width: 100 }} /> )} > {renderContent()} </ScrollableTabView> );

Hi, When I set width 100 for ScrollableTabBar, the ActivityTabUnderLine is not under the tab bar. Any ideas?