Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DrawerItem label text is truncated in iOS devices #453

Closed
skondepudi-mn opened this issue Jul 13, 2018 · 0 comments
Closed

DrawerItem label text is truncated in iOS devices #453

skondepudi-mn opened this issue Jul 13, 2018 · 0 comments
Labels

Comments

@skondepudi-mn
Copy link

Current behaviour

Unable to set the padding around the DrawerItem label text, due to fixed height text is truncated for some fonts in iOS devices

Expected behaviour

label fonts should not be truncated
There should be way to provide the padding around the label and height of the drawer item

Code sample

<DrawerItem
label={item.label}
key={item.key}
icon={
<Icon
name={item.icon}
color={item.route === activeRoute ? textColor : Colors.black}
size={24}
/>
}
active={item.route === activeRoute}
onPress={
item.onPress ||
(() => {
if (item.route) this.doNavigation(item.route);
})
}
/>

Screenshots (if applicable)

simulator screen shot - iphone 6 - 2018-07-13 at 13 38 34

What have you tried

Added the DrawerItem with font SalesforceSans

Your Environment

software version
ios or android iOS 11
react-native 0.55.2
react-native-paper ^1.4.1
node 10.2.1
npm or yarn 1.7.0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants