File tree Expand file tree Collapse file tree 2 files changed +7
-1
lines changed Expand file tree Collapse file tree 2 files changed +7
-1
lines changed Original file line number Diff line number Diff line change @@ -71,6 +71,10 @@ type Props = {|
71
71
* For example, you can set an additional margin if you have a tab bar at the bottom.
72
72
*/
73
73
style ? : any ,
74
+ /**
75
+ * Style for the FAB. It allows to pass the FAB button styles, such as backgroundColor.
76
+ */
77
+ fabStyle ? : any ,
74
78
/**
75
79
* @optional
76
80
*/
@@ -198,6 +202,7 @@ class FABGroup extends React.Component<Props, State> {
198
202
accessibilityLabel,
199
203
theme,
200
204
style,
205
+ fabStyle,
201
206
visible,
202
207
} = this . props ;
203
208
const { colors } = theme ;
@@ -312,7 +317,7 @@ class FABGroup extends React.Component<Props, State> {
312
317
accessibilityTraits = "button"
313
318
accessibilityComponentType = "button"
314
319
accessibilityRole = "button"
315
- style = { styles . fab }
320
+ style = { [ styles . fab , fabStyle ] }
316
321
visible = { visible }
317
322
/>
318
323
</ View >
Original file line number Diff line number Diff line change @@ -21,6 +21,7 @@ export interface FABGroupProps {
21
21
onStateChange : ( state : { open : boolean } ) => any ;
22
22
visible ?: boolean ;
23
23
style ?: any ;
24
+ fabStyle ?: any ;
24
25
theme ?: ThemeShape ;
25
26
}
26
27
You can’t perform that action at this time.
0 commit comments