TextInput render prop don't show full label about react-native-paper HOT 11 CLOSED

@lukewalczak expo example https://snack.expo.dev/@mbarroso208/curious-blue-churros

from react-native-paper.

Hey @mMarcos208, please also pass onLayout from render props to the TextInputMask, it should solve your problem:

      render={({value, onFocus, style, onLayout}) => (
        <TextInputMask
          returnKeyType="done"
          value={value}
          style={style}
          onFocus={onFocus}
          onLayout={onLayout}
          type="custom"
        />
      )}

Here you can find your modified snack

from react-native-paper.

I see, it should be released in 5.11.7.

from react-native-paper.

Hey! Thanks for opening the issue. Can you provide a minimal repro which demonstrates the issue? Posting a snippet of your code in the issue is useful, but it's not usually straightforward to run. A repro will help us debug the issue faster. Please try to keep the repro as small as possible. The easiest way to provide a repro is on snack.expo.dev. If it's not possible to repro it on snack.expo.dev, then you can also provide the repro in a GitHub repository.

from react-native-paper.

Only this code.

<TextInput
      error={!!error}
      focusable
      label="Quantidade"
      showSoftInputOnFocus
      returnKeyType="done"
      mode="outlined"
      render={({value, onChangeText, onFocus, onBlur, style}) => (
        <TextInputMask
          maxLength={inputProps.maxLength}
          returnKeyType="done"
          editable={inputProps.editable}
          value={value}
          style={style}
          onChangeText={(text) => {
            onChangeText?.(text)
            onChange?.(text)
          }}
          onFocus={onFocus}
          onBlur={(event) => {
            inputProps.onBlur?.(event)
            onBlur?.(event)
          }}
          {...maskProps}
        />
      )}
    />

from react-native-paper.

Hey @mMarcos208 could you please create an expo snack?

from react-native-paper.

Ran into the same issue with outlined TextInput components which implemented the render method, when upgrading to v5.11.0.

from react-native-paper.

@ad-walker could you please share your issue details?

from react-native-paper.

@lukewalczak could you add this prop?

from react-native-paper.

@lukewalczak could you add this prop?

What do you mean?

from react-native-paper.

@lukewalczak could you add this prop?

What do you mean?

typescript prop. I need to add ts-ignore in my file.

from react-native-paper.