Control touchable area in react-native

Question

I have a square TouchableOpacity button, whose graphics is just a small dot icon in the middle, and the rest is transparent background. I find that in many Android

Answer 1

I am just adding some code for easy referencing:

    
        
           Button text
         
    

Where the parent button container has the following style. Since the width is 150, I have given left and right as 50 to increase the clickable area.

 buttonStyle:{
    alignItems:'center',
    backgroundColor: '#F92660',
    width:150,
    height:50,
    marginTop:20,
    marginBottom:10,
    marginRight:15,
    padding:5,
  },