Text overflow on Android

[NalinKamboj]

I'm currently using this library with React Native 0.59.9, and I've been using the Hoshi effect. The text currently overflows on the right side due to the 'inputPadding' attribute. Setting it to 0 removes any overflow, but makes the label and input stick to each other.
Setting inputPadding to any number moves the overflow text to the right by that number. See the example image below where inputPadding has been set to 16.

Any workaround/help appreciated.

Thanks!

[adrianocola]

There is no way to fix that only using styles, because the width of the TextInput is set by this lib. But you can make it work if you change the line 68 to width: width - ( 2 * inputPadding),

react-native-textinput-effects/lib/Hoshi.js

Lines 61 to 78 in b82383e

	<TextInput
	ref={this.input}
	{...this.props}
	style={[
	styles.textInput,
	inputStyle,
	{
	width,
	height: inputHeight,
	left: inputPadding,
	},
	]}
	value={value}
	onBlur={this._onBlur}
	onChange={this._onChange}
	onFocus={this._onFocus}
	underlineColorAndroid={'transparent'}
	/>