I cant press correctly to a button (navigation + svg) - react-native

I use this code snippet:
enter link description here
The problem is, the button has no effect when I tap a little bit at the top it press only when I my finger is in the middle of the black line or under, I hope you understand me. So if I press the button sometimes it effects sometimes not, if I tap every time at the bottom on the button then it works, but not at the top. How can I make correctly pressable that it works ? its only press when I am at the between on the svg (navigation height)

Related

How can I click a button that's only clickable from the bottom half?

So I'm trying to hit this button to activate the dropdown menu, but it seems that only half of it works, Im afraid the automation is clicking the top bottom or somewhere where is not active, let me illustrate with a few screenshots, which will contain a comparisson. ALSO can I click on one of the options from the dropdown without "activating it"? (clicking the DropDown Button)
Now another example from the button fully working
I have found that the button fully works if it's the first one to be clicked, if I click something else, then this issue happens, and that's only button with this issue

When you press tab icon no not respond

But when pressing a long distance from icon work normally.
Imgur
I would suggest adding padding. Also, check your container's styles.

How to show button control on userform like a button in pop up mode without hovering mouse

I have some button controls on userform where button style selected is Popup. After running the code when I hover the mouse it show little tip tilted (or it show border on left and top edge).
How can I fix this for all button without hovering mouse where all button shows border on its left and top (That will change it's visibility like a tip tilted button).
The purpose of this is, I want to show all button little over to it's parent form/panel as shown on the keyboard so that users can see these are the button without hovering the mouse.
I have attached button image and I want to all the button in the same style (This button style is popup). The button which is shown in picture give me a look when I hover the mouse over it (it displays the Left and Top corner with different/identical color) but I want this permanent to all button without hovering the mouse.
Any help will be appreciated.

first click is of no effect when focusing on TextInput and then click elsewhere

as showed above, focus on the TextInput, then click elsewhere.
The first click on green area is of effect.
The first click on red area is of no effect ( it's a ListView ). The same thing happens on the first click of hardware back button on Android when previously focusing on TextInput.
Is it a bug or that I omit something ? ( the version of react-native I use is 0.16.0-rc )
Add keyboardShouldPersistTaps={true} on the ListView and it works

Adding a scrollview and get it to zoom

In my iphone app, you get a UIView with a background image and a "start button".
When you hit the start button, the start button will be hidden, and your background aswell. You will see another image. You will also get a "back button".
You should be able to zoom the image and scroll around.
I want everything on the same UIView.
When you hit the back button, everything should get back to the first background image and the start button, and you should not be able to zoom or scroll.
How can I do this? And is it possible at all to hide a scroll view in order to just show a regular screen, in the same view?
Thanks in advance!
EDIT: Ok, I know how to hide the scroll view now, but when the scroll view is shown, you can't scroll! I have made the scroll view bigger than the screen and put a label below the "original screen". How to get it to scroll?
Add a UIScrollView to the main view in which you have the zoom/scrollable image. Simply remove it when the back button is pressed.