n4kz / react-native-material-dropdown

Material dropdown with consistent behaviour on iOS and Android
Other
732 stars 597 forks source link

Text of options cut on one device but we cannot replicate ourselves #279

Open kitkline opened 6 months ago

kitkline commented 6 months ago

Hi there

We have an odd issue! The dropdown looks great on all platforms we test on - but we have one user who captures the issue shown in the screenshot. We are unable to replicate on any device - we can get the same issue by reducing itemPadding but pushing that value up in the hope it cures it for that one device would make the items really far apart on the list for the rest of our users

The device in question is: Samsung Galaxy Active4 Pro 10.1" 128GB 5G Tablet (which we don't have access via AWS Cloud to test against)

Any suggestions or advice? Code snippet follows screenshot....

image

Code:

render() { return ( <Dropdown value={this.state.value} style={this.props.style} data={this.props.data} baseColor={this.props.baseColor} textColor={this.props.textColor} itemColor="grey" selectedItemColor="#337ab7" itemPadding={10} fontSize={14} itemTextStyle={{fontFamily: 'OpenSans-SemiBold'}} pickerStyle={{ backgroundColor: this.props.backgroundColor, borderRadius: ScaleElement.scaleElement(4), }} rippleOpacity={0} inputContainerStyle={{ marginLeft: 10, marginRight: 10, marginBottom: 10, borderBottomWidth: 1.3, borderBottomColor: '#788691', paddingLeft: 0, }} labelHeight={5} onChangeText={value => this.executeCallback(value)} itemCount={this.props.itemCount} disabled={this.props.disabled} /> ); }