Thin line behind placeholder

[ftzi]

Hi! Just installed this lib and I am having this issue:

I am not passing any prop besides the placeholder, so I don't know what may be causing it. (in the image there is the char counter but later I removed it and the issue persists)

Also, is there a way to center the text and paddingLeft it a little? Tried paddingLeft but it does nothing.

"react-native-input-outline": "^1.5.2",
"react-native-reanimated": "^2.2.2",
"expo": "~42.0.4",

[ftzi]

Playing with your code,

react-native-input-outline/src/components/InputOutline.tsx

Lines 378 to 384 in 8bd774d

	placeholderSpacer: {
	position: 'absolute',
	top: -1,
	left: paddingHorizontal - 3,
	backgroundColor,
	height: 1,
	},

I changed this height: 1 to 2, and the line is gone.

My PixelRatio.get() is 2.75. Maybe your animation positioning with just this 1 in the style isn't enough for my device dp.

I could PR this, but I ain't quite sure this would be the best solution.

[yash-vaghela21]

+1