I am facing one issue with aligning text vertically center for button but it remains slightly lower then exact center. I found includeFontPadding
from documentation with suggesting some discrepancies with some third party font.
Font looks proper in iOS devices but it is not properly centered with Android.
https://facebook.github.io/react-native/docs/text-style-props#includefontpadding
Set to false to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set textAlignVertical to center. Default is true.
<Button
style={[style.button]} block >
<Text>Setup Now</Text>
</Button>
Style for button:
export default {
button: {
elevation: null,
shadowColor: null,
shadowOffset: null,
shadowOpacity: null,
shadowRadius: null
}
}
from Button text not aligned center vertically in react native
No comments:
Post a Comment