FAB.Group actions accepts a IconSource, not only a string

[Grohden]

Environment

"react-native-paper": "2.15.0" and Typescript

Description

I was looking at the docs to see if i could use a custom icon source on the FAB.Group actions, but the type for the actions icon is specified as a string:

react-native-paper/src/components/FAB/FABGroup.js

Lines 32 to 39 in 5935fb4

	actions: Array<{
	icon: string,
	label?: string,
	color?: string,
	accessibilityLabel?: string,
	style?: any,
	onPress: () => mixed,
	}>,

But the signature is wrong, looking at the FAB.Group source, the action list actually can receive a IconSource just like the normal FAB:

react-native-paper/src/components/FAB/FABGroup.js

Lines 283 to 287 in 5935fb4

	<FAB
	small
	icon={it.icon}
	color={it.color}
	style={[

Reproducible Demo

I think that just a simple component using typescript and a icon source on the actions will
give you the compile error:

const MyComponent = () => <Portal>
                <FAB.Group
                    open={ true }
                    icon={ props => <Icon name='add' { ...props }/> }
                    actions={ [
                        {
                            icon: props => <Icon name='add' { ...props }/>,
                            label: 'Enviar',
                            onPress: () => console.log('Pressed add')
                        }
                    ] }
                    onStateChange={ () => {  } }
                    onPress={ () => {  } }
                />
            </Portal>

I managed to make my code compile making a cast (as unknown as FABGroupAction[]) on the list before using it on the component

[raajnadar]

The FAB component only supports string even in FAB group because the FAB group used the FAB component as a child element. So the compiler is doing its job correctly.

Note paper only supports icon from material.io in v3 they are planning to add custom fonts support.

[Grohden]

react-native-paper/src/components/FAB/FAB.js

Line 20 in 5935fb4

icon: IconSource,

You mean the FAB component from the link above? Looking at the source it's declared that it supports a IconSource and not specifically a string

[satya164]

Yes, it supports IconSource. PR welcome to fix it.

[Taym95]

I would like to fix this issue!

[Grohden]

@Taym95 if you want to fix ok, else I could do it but it will take some days till I get some time for it