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 = {|
7171 * For example, you can set an additional margin if you have a tab bar at the bottom.
7272 */
7373 style ? : any ,
74+ /**
75+ * Style for the FAB. It allows to pass the FAB button styles, such as backgroundColor.
76+ */
77+ fabStyle ? : any ,
7478 /**
7579 * @optional
7680 */
@@ -198,6 +202,7 @@ class FABGroup extends React.Component<Props, State> {
198202 accessibilityLabel,
199203 theme,
200204 style,
205+ fabStyle,
201206 visible,
202207 } = this . props ;
203208 const { colors } = theme ;
@@ -312,7 +317,7 @@ class FABGroup extends React.Component<Props, State> {
312317 accessibilityTraits = "button"
313318 accessibilityComponentType = "button"
314319 accessibilityRole = "button"
315- style = { styles . fab }
320+ style = { [ styles . fab , fabStyle ] }
316321 visible = { visible }
317322 />
318323 </ View >
Original file line number Diff line number Diff line change @@ -21,6 +21,7 @@ export interface FABGroupProps {
2121 onStateChange : ( state : { open : boolean } ) => any ;
2222 visible ?: boolean ;
2323 style ?: any ;
24+ fabStyle ?: any ;
2425 theme ?: ThemeShape ;
2526}
2627
You can’t perform that action at this time.
0 commit comments