{"action":"closed","issue":{"url":"https://api.github.com/repos/happypancake/react-native-scrollable-tab-view/issues/786","repository_url":"https://api.github.com/repos/happypancake/react-native-scrollable-tab-view","labels_url":"https://api.github.com/repos/happypancake/react-native-scrollable-tab-view/issues/786/labels{/name}","comments_url":"https://api.github.com/repos/happypancake/react-native-scrollable-tab-view/issues/786/comments","events_url":"https://api.github.com/repos/happypancake/react-native-scrollable-tab-view/issues/786/events","html_url":"https://github.com/happypancake/react-native-scrollable-tab-view/issues/786","id":273457701,"node_id":"MDU6SXNzdWUyNzM0NTc3MDE=","number":786,"title":"break line on tabLabel prop","user":{"login":"mnmistake","id":12836104,"node_id":"MDQ6VXNlcjEyODM2MTA0","avatar_url":"https://avatars0.githubusercontent.com/u/12836104?v=4","gravatar_id":"","url":"https://api.github.com/users/mnmistake","html_url":"https://github.com/mnmistake","followers_url":"https://api.github.com/users/mnmistake/followers","following_url":"https://api.github.com/users/mnmistake/following{/other_user}","gists_url":"https://api.github.com/users/mnmistake/gists{/gist_id}","starred_url":"https://api.github.com/users/mnmistake/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mnmistake/subscriptions","organizations_url":"https://api.github.com/users/mnmistake/orgs","repos_url":"https://api.github.com/users/mnmistake/repos","events_url":"https://api.github.com/users/mnmistake/events{/privacy}","received_events_url":"https://api.github.com/users/mnmistake/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-11-13T14:55:06Z","updated_at":"2018-10-25T09:11:57Z","closed_at":"2018-10-25T09:11:57Z","author_association":"NONE","body":"I really don't know of this could be done by styling another component, but I really struggle with this. I have 3 tabs with large titles and the 3 tabs overflows the screen theres any way of breaking a line on the tabLabel at all?. Or what should I do\r\n\r\n     <ScrollableTabView\r\n            style={{backgroundColor: '#fff'}}\r\n            initialPage={0}\r\n            renderTabBar={() => <ScrollableTabBar underlineStyle={{backgroundColor:     '#556E3E'}}\r\n                                                              activeTextColor='#3b4d2b' inactiveTextColor='#556E3E'/>}>\r\n                        <View tabLabel='Participant Rankings' style={[{\r\n                            backgroundColor: '#556E3E',\r\n                            paddingHorizontal: '3%'\r\n                        }, LocalStyles.slideBorderStyle]}/>\r\n                      <View tabLabel='Participant Rankings' style={[{\r\n                            backgroundColor: '#556E3E',\r\n                            paddingHorizontal: '3%'\r\n                        }, LocalStyles.slideBorderStyle]}/>\r\n                        <View tabLabel='Participant Rankings' style={[{\r\n                            backgroundColor: '#556E3E',\r\n                            paddingHorizontal: '3%'\r\n                        }, LocalStyles.slideBorderStyle]}/>\r\n     </ScrollableTabView>\r\n\r\nI have tried with setting full width on the whole ScollableView, placing numberoflines and Text component instead of view etc. #"}}
{"actor":{"display_login":"ptomasroos"}}