react-native-material-dropdown icon indicating copy to clipboard operation
react-native-material-dropdown copied to clipboard

Longer Dropdown item description gets cut from left

Open varunchandran333 opened this issue 6 years ago • 4 comments

Screenshot_20190730-110006_20190730_110045582 The Dropdown item is not fully displaying or scrolling makes the starting the description not visible to user.How can i avoid this.

varunchandran333 avatar Jul 30 '19 05:07 varunchandran333

same for me

Pravin-L avatar Apr 01 '20 09:04 Pravin-L

same here :( any update?

naojamg avatar May 07 '20 07:05 naojamg

same issue here , any update?

sauravjmt avatar Jun 02 '20 12:06 sauravjmt

after a long long search i resolved it by using the selection property

selection={{ start: 0, end: 0 }}

my final component looks like this:

<Dropdown disabled={this._isLock()} valueExtractor={(i) => i.text} label={props.label} baseColor={themeApp['color-secondary-800']} labelFontSize={Platform.OS === 'ios' ? 15 : 14} textColor="white" itemColor="white" selectedItemColor={themeApp['color-secondary-800']} pickerStyle={{ backgroundColor: themeApp['black'], borderColor: 'white', borderWidth: 1, }} dropdownOffset={{ top: 0, left: 0 }} data={props.options} inputContainerStyle={{ borderBottomWidth: 1, borderBottomColor: themeApp['color-secondary-800'], opacity: 0.8, }} containerStyle={{ paddingVertical: 20, }} selection={{ start: 0, end: 0 }} value={current?.text} onChangeText={this._onChangeSelect} />

hope it helps :D

naojamg avatar Jun 03 '20 16:06 naojamg