'How can I make this curved svg pressable?

I want to have a curved svg and want to ask you how to can I make this red circle pressable ?

Solution 1:^[1]

Use Pressable instead of View Component.

<View
  style={{
    position: 'absolute',
    width: middleIconSize,
    height: middleIconSize,
    borderRadius: midRadius,
    backgroundColor: 'red',
    left: width / 2 - midRadius,
    bottom: tabBarHeight - midRadius,
  }}
/>

<Pressable
  style={{
    position: 'absolute',
    width: middleIconSize,
    height: middleIconSize,
    borderRadius: midRadius,
    backgroundColor: 'red',
    left: width / 2 - midRadius,
    bottom: tabBarHeight - midRadius,
  }}
  onPress={() => {console.log('Do what you want!')}}
/>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Maximilian Dietel

'How can I make this curved svg pressable?

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]