Input has extra vertical paddings on Android

[artyorsh]

Issue type

I'm submitting a ... (check one with "x")

• bug report
• feature request

Issue description

Input component has extra text paddings on Android

Current behavior:

Screenshot on iOS
Screenshot on Android

Workaround:
Currently, to achieve same UI we can use

const styles = StyleSheet.create({
  text: Platform.select({
    ios: undefined,
    android: { paddingVertical: 0 },
  });
});

// ...

render() {
  return (
    <Input textStyle={styles.text} />
  );
}

Other information:

OS, device, package version

Nexus 5x API 26

[artyorsh]

Looks like it was RN issue, as it was fixed with updating dependencies to latest in our playground applications

[tuanna1601]

@artyorsh Hi, could you tell me which dependencies you updated? I'm having this issue too using react-native@0.61.2 and react-native-ui-kitten@4.2.0

Thank you.

[artyorsh]

@tuanna1601 can you please try running UI Kitten 4.3?

npm i react-native-ui-kitten@beta @eva-design/eva@beta

[tuanna1601]

@artyorsh I updated react-native-ui-kitten and @eva-design/eva but no good

[LyunKi]

I met the same problem.

[aganov]

Same issue...

"react-native": "0.61.5",
"react-native-ui-kitten": "^4.3.1",
"@eva-design/eva": "^1.3.0",

[tuanna1601]

We were able to solve this issue by adding this to custom mappings:

const mapping = {
  components: {
  ...
    Input: {
      appearances: {
        default: {
          variantGroups: {
            size: {
              small: {
                ...Platform.select({
                  android: {
                    paddingVertical: 0,
                  },
                  ios: {
                    paddingVertical: spacing(1.375),
                  },
                }),
              },
            },
          },
        }
      }
    }
  ...
  }
}

[artyorsh]

@tuanna1601 I just wonder why horizontal?

[tuanna1601]

@artyorsh I'm sorry, it's my bad, I copied the wrong one, I edited my answer above

[bmbknds]

I got the same problem, can you fix it ?
I tried to use lower version of @eva/design like Kitten tricks App but the input still bigger on android.

[artyorsh]

@bmbknds we have no solution published in the actual version, you can use the workaround I described

[papigers]

Same issue here...

"@eva-design/eva": "^1.3.1",
"@ui-kitten/components": "4.3.2",
"@ui-kitten/eva-icons": "4.3.2",
"react": "^16.12.0",
"react-native": "^0.61.5",

[Frans-L]

Hey, is there any update? Has anyone started do a fix / pr?

[artyorsh]

@Frans-L yes. This will be fixed in next release