search

selvamk-js / sharingan-rn-modal-dropdown

A simple and customizable react-native dropdown created using react-native-modal and react-native-paper.
MIT License
85 stars 28 forks source link

multiline text is not working in textInput #33

Closed harsha1439 closed 3 years ago

harsha1439 commented 3 years ago

  1. When selected item from dropdown the item text is not aligning in textinput. Applied all the CSS stylings for textInputStyle prop to align the text, still didn't work.

    Screen Shot 2021-08-12 at 1 01 00 PM

  2. When set height it is showing whole text in single line also increasing height is not aligning the text in two lines. Below screenshot shows the text in single line where remaining portion of the text is hidden.

Screen Shot 2021-08-12 at 1 03 55 PM
  1. At last I went inside the https://github.com/srk-sharingan/sharingan-rn-modal-dropdown/blob/master/src/Dropdown/index.tsx file and added on more prop to TextInput (Attaching scrrenshot) Screen Shot 2021-08-12 at 1 06 37 PM

The above code change is showing the long text in two lines. screenshot below

Screen Shot 2021-08-12 at 1 10 16 PM

The requirement is to align the long text into multiline which is not working by styling textInputStyle prop. any suggestions to achieve that, also if possible can you include multiline prop to TextInput.

selvamk-js commented 3 years ago

Thanks for the details, I will expose props for this.

selvamk-js commented 3 years ago

I have introduced the props multiline={multiline} please use it to enable the multiline option for textInput