react-native-textinput-effects icon indicating copy to clipboard operation
react-native-textinput-effects copied to clipboard

Text overflow on Android

Open NalinKamboj opened this issue 6 years ago • 1 comments

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.

Screenshot_20190703-112621_Trinity Live__01

Any workaround/help appreciated.

Thanks!

NalinKamboj avatar Jul 03 '19 10:07 NalinKamboj

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),

https://github.com/halilb/react-native-textinput-effects/blob/b82383efc55e42526ad860f036fbf86ad5fad3e8/lib/Hoshi.js#L61-L78

adrianocola avatar Jul 04 '19 16:07 adrianocola