Skip to main content
Version: 3.4.2

button_group

Props

This component inherits all native TouchableHighlight and TouchableOpacity props that come with React Native TouchableHighlight or TouchableOpacity elements, along with the following:


Reference

buttonContainerStyle

specify styling for button containers (optional)

TypeDefault
object (style)inherited styling

buttons

array of buttons for component (required), if returning a component, must be an object with { element: componentName }

TypeDefault
arraynone

buttonStyle

specify styling for button (optional)

TypeDefault
object (style)inherited styling

Component

Choose other button component such as TouchableOpacity (optional)

TypeDefault
React Native ComponentTouchableOpacity (ios) or TouchableNativeFeedback (android)

containerStyle

specify styling for main button container (optional)

TypeDefault
object (style)inherited styling

disabled

Controls if buttons are disabled. Setting true makes all of them disabled, while using an array only makes those indices disabled.

TypeDefault
boolean OR number[]false

disabledSelectedStyle

Styling for each selected button when disabled.

TypeDefault
View style (object)Internal Style

disabledSelectedTextStyle

Styling for the text of each selected button when disabled.

TypeDefault
Text style (object)Internal Style

disabledStyle

Styling for each button when disabled.

TypeDefault
View style (object)Internal Style

disabledTextStyle

Styling for the text of each button when disabled.

TypeDefault
Text style (object)Internal Style

innerBorderStyle

update the styling of the interior border of the list of buttons (optional)

TypeDefault
object { width, color }inherited styling

onPress

method to update Button Group Index (required)

TypeDefault
functionnone

selectedButtonStyle

specify styling for selected button (optional)

TypeDefault
object (style)inherited styling

selectedIndex

current selected index of array of buttons (required)

TypeDefault
numbernone

selectedIndexes

current selected indexes from the array of buttons

TypeDefault
array (number)[]

selectedTextStyle

specify specific styling for text in the selected state (optional)

TypeDefault
object (style)inherited styling

selectMultiple

allows the user to select multiple buttons

TypeDefault
booleanfalse

textStyle

specify specific styling for text (optional)

TypeDefault
object (style)inherited styling

underlayColor

specify underlayColor for TouchableHighlight (optional)

TypeDefault
stringwhite

vertical

Display the ButtonGroup vertically

TypeDefault
booleanfalse