@RichardLindhout @iM-GeeKy
I have changed different parts but the most important and the main problem for the alignment was the position absolute for the icon when you have in react-native-paper the option to add directly the icon in the right side and centered of the TextInput. Using the way of react-native-paper will be centered by default
Here I attach a gif showing the currently position and will see a little movement (to the left and top)
This is because I changed between branchs to show the differences and is minimal and for that maybe it's more visible show it in this way:
.
I did and tested in Linux. I tried to test in Windows but you have another problem there.
If someone can test, will be great.
Updated ⚠️
Now the alignment is better.
I kept the same structure that you are using but I have replaced IconButton:
Fix #298.
⬇️ ⬇️ ⬇️ Updated read below ⬇️ ⬇️ ⬇️ ⚠️
@RichardLindhout @iM-GeeKy I have changed different parts but the most important and the main problem for the alignment was the position absolute for the icon when you have in
react-native-paper
the option to add directly the icon in the right side and centered of the TextInput. Using the way ofreact-native-paper
will be centered by defaultHere I attach a gif showing the currently position and will see a little movement (to the left and top) This is because I changed between branchs to show the differences and is minimal and for that maybe it's more visible show it in this way:
I did and tested in Linux. I tried to test in Windows but you have another problem there. If someone can test, will be great.
Updated ⚠️
Now the alignment is better. I kept the same structure that you are using but I have replaced
IconButton
:And now using like this:
The alignment is perfect!.