Having issue in TextInput - mode={'outlined'} - multiline={true}.

[ShravanCentricwave]

I have checked many doc's for resolve this issue but can't find anything.
Here i have added the video how it works and image for what is should have to look like..

1. Video: Issue is value is at center instead top.
2. Image: The value should have on the top when it's not in focus.
3. Here is my code.

      <TextInput
            mode="outlined"
            label="Outlined input"
            placeholder="Type something"
            multiline
            style={{height: 150}}
       />

Screen.Recording.2022-08-04.at.2.29.49.PM.mov

Here is my version codes.

react-native: 0.66.4
react-native-paper: 4.12.1
react-native-vector-icons: 9.1.0

Expo code example:
https://snack.expo.dev/@shravancentricwave/textinput.affix?name=TextInput.Affix&description=https%3A%2F%2Fcallstack.github.io%2Freact-native-paper%2Ftext-input-affix.html&code=import%20*%20as%20React%20from%20%27react%27%3B%0Aimport%20%7B%20TextInput%20%7D%20from%20%27react-native-paper%27%3B%0A%0Aconst%20MyComponent%20%3D%20()%20%3D%3E%20%7B%0A%20%20const%20%5Btext%2C%20setText%5D%20%3D%20React.useState(%27%27)%3B%0A%0A%20%20return%20(%0A%20%20%20%20%3CTextInput%0A%20%20%20%20%20%20mode%3D%22outlined%22%0A%20%20%20%20%20%20label%3D%22Outlined%20input%22%0A%20%20%20%20%20%20placeholder%3D%22Type%20something%22%0A%20%20%20%20%20%20right%3D%7B%3CTextInput.Affix%20text%3D%22%2F100%22%20%2F%3E%7D%0A%20%20%20%20%2F%3E%0A%20%20)%3B%0A%7D%3B%0A%0Aexport%20default%20MyComponent%3B&dependencies=react-native-paper

[github-actions]

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

[github-actions]

Couldn't find version numbers for the following packages in the issue:

• react-native
• react-native-paper
• react-native-vector-icons

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

[github-actions]

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• react-native (found: 0.66.4, latest: 0.69.3)
• react-native-paper (found: 4.12.1, latest: 4.12.4)
• react-native-vector-icons (found: 9.1.0, latest: 9.2.0)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[ShravanCentricwave]

Still having this issue.

[Softkeydel]

@ShravanCentricwave
Is there any possible solution available ??

[e4basil]

use render method

check this for more #1810

[Parmar-Bansi]

same issue in my side also