React-native-elements: How to make lines appear between button in Button Group?

Created on 13 Sep 2017 · 3Comments · Source: react-native-elements/react-native-elements

As in a document
https://github.com/react-native-training/react-native-elements/blob/master/docs/API/button_group.md

The sample image looks nice and also has lines between each button in Button Group. But when I apply sample code from document itself. The border line between each button doesn't appear. How to make them appear?

Best,
Sarin

Source

pacozaa

Most helpful comment

Hi, this a well-know bug from react-native, more infos here: https://github.com/react-native-training/react-native-elements/issues/364. It'll be fix when react-native will fix the problem.

With react-native-elements, it works with more than 2 buttons. If you have 2 buttons, it'll not work because of the borderRadius

martinezguillaume on 13 Sep 2017

❤2

All 3 comments

My progress of trying using buttonStyle property
21741272_10212809829834675_4438157794602461731_o

There is still a gap between them. How to get rid off it?

Best,
Sarin

pacozaa on 13 Sep 2017

Well I find a work around solution. Just set backgroundColor in containerStyle same as borderColor in buttonStyle. I am not sure if that is a best solution :)

pacozaa on 13 Sep 2017

👍1

Hi, this a well-know bug from react-native, more infos here: https://github.com/react-native-training/react-native-elements/issues/364. It'll be fix when react-native will fix the problem.

With react-native-elements, it works with more than 2 buttons. If you have 2 buttons, it'll not work because of the borderRadius

martinezguillaume on 13 Sep 2017

❤2

Was this page helpful?

0 / 5 - 0 ratings