Text "g" rendering on Android about panza HOT 5 CLOSED

The primary issue is that iOS react-native renders line-height such that the text is positioned at the bottom of the line-height, and not in the middle (as it does on the web). The android line-height seems to render differently, and clips the text if the line-height isn't sufficient. The kinda crappy fix for this now is to just up the line-height on android.

from panza.

What does your button code specifically look like?

from panza.

const { style } = this.props

    return (
      <PanzaButton
        primary {...this.props}
        style={[Style.fixButton].concat(style)}  />

export default {
  fixButton: {
    paddingBottom: (Platform.OS === 'ios') ? 0 : 5,
  }
}

I didn't test panza on ios, so it's 0.

from panza.

Yeah, this is really strange. iOS and android seem to have different line-height behaviour. I'm almost considering removing lineheight, since it doesn't seem very predictable. Trying to find the best solution for this...

from panza.

Will check it tomorrow and confirm!
up: Displays good, it's ok fix! Thanks

from panza.