React-native-paper: Question/feature : control of textAlignVertical for TextInput (multiline)

[amauryfischer]

Hi,
I'm currently working with react-native-paper for both classical TextInput and multiline TextInput.
Currently i have a style problem :

The distance between the label and the first line of TextInput value is different for multiline and !multiline TextInput.
This is due to the property textAlignVertical which is set as "top" for !multiline fields and "center" for multiline.
It is partially related to https://github.com/callstack/react-native-paper/pull/1020

Here is the code responsible of this behaviour : https://github.com/callstack/react-native-paper/blob/master/src/components/TextInput/TextInputFlat.tsx
Line 267

textAlignVertical: multiline ? 'top' : 'center',

(and of course same for TextInputOutlined
https://github.com/callstack/react-native-paper/blob/master/src/components/TextInput/TextInputOutlined.tsx

Is there a way to customize this style ?
It seems there is not a lot of style going that far from style props to TextInput, they are intercepted by the line76 in TextInputFlat

    const {
      fontSize: fontSizeStyle,
      fontWeight,
      height,
      paddingHorizontal,
      ...viewStyle
    } = (StyleSheet.flatten(style) || {}) as TextStyle;

[MaxInMoon]

Same problem here for me, I've already passed 1/2 day on it, with no way to make something clean.
It would be great to have more control on style with optional style props.

[amauryVedana]

Any news for this ?
Do not hesitate if you need more informations.

[redbluenat]

I have the same problem, any news for it?

[amauryVedana]

@firede Should i try to submit a PR for this ?

[firede]

Hi, @amauryVedana
I'm just a contributor on this project, maybe you should ask the owners.

[amauryVedana]

@firede Oh okay sorry^^
@satya164 ?

[amauryVedana]

Still no response ?

[Huxpro]

Hi folks, I just opened #1824 which adds an ad-hoc fix for this issue ;)

[amauryVedana]

Hi @Huxpro thanks for this, i'm watching out when this will be merged

[github-actions[bot]]

Hello 👋, this issue has been open for more than 2 months with no activity on it. If the issue is still present in the latest version, please leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution on workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix the issue.

[amauryVedana]

No information on this ?

[AwabIjaz]

a fix by using native text input in the render prop https://github.com/callstack/react-native-paper/issues/1810#issuecomment-616817037

[MaxInMoon]

@AwabIjaz thank you, it did the trick!