The backdropPresableProps property of SpeedDial has no effect

Reproduce the issue with the provided SpeedDial example using @rneui/base and @rneui/themed. Start by tracing the SpeedDial implementation and its backdropPressableProps handling; done means the backdrop applies the supplied children, backgroundColor, and onPress behavior, with a regression test covering them.

Is there an existing issue for this?

• I have searched the existing issues

Explain what you did

I set the background color and added sub components and click events for BackdropPresableProps, but they have no effect on the view

Expected behavior

No effect on the view

Describe the bug

I set the background color of the component but it had no effect. Below is my code

Steps To Reproduce

<SpeedDial
                backdropPressableProps={{
                  children: <Text>123</Text>,
                  style: {backgroundColor: 'yellow'},
                  onPress:()=>{
                    console.log('11111111111111')
                  }
                }}
                pressRetentionOffset={1000}
                isOpen={open}
                labelPressable
                placement="right"
                overlayColor="transparent"
                icon={{
                  name: 'pencil',
                  type: 'font-awesome',
                  color: '#fff',
                  style: {marginLeft: 5, marginBottom: 7},
                }}
                openIcon={{
                  name: 'remove',
                  type: 'font-awesome',
                  color: '#fff',
                  style: {marginLeft: 5, marginBottom: 7},
                }}
                onOpen={() => setOpen(!open)}
                onClose={() => setOpen(!open)}>
                <SpeedDial.Action
                  icon={{
                    name: 'plus',
                    type: 'font-awesome',
                    color: '#fff',
                    style: {marginLeft: 5, marginBottom: 7},
                  }}
                  title="Add"
                  onPress={() => console.log('Added Event')}
                />
                <SpeedDial.Action
                  icon={{
                    name: 'minus',
                    type: 'font-awesome',
                    color: '#fff',
                    style: {marginLeft: 5, marginBottom: 7},
                  }}
                  title="Delete"
                  onPress={() => console.log('Delete Event')}
                />
              </SpeedDial>

Screenshots

No response

Your Environment

  ```
"@rneui/base": "^4.0.0-rc.7",
"@rneui/themed": "^4.0.0-rc.8",
  ```