Current behaviour
I'm using TextInput with outlined mode. When I give roundness of 90 the label get collapse on the left end.I tried to move label ad TextInput focus to little right but I didn't succeed.
Expected behaviour
Need to move Label and TextInput focus to little right.
Code sample
import * as React from "react";
import { TextInput } from "react-native-paper";
export const ManagePrivacyScreen = () => {
const [text, setText] = React.useState("");
return (
<TextInput
label="Email"
value={text}
mode="outlined"
onChangeText={(text) => setText(text)}
theme={{roundness: 30}}
style={{
width: '95%',
alignSelf: 'center',
marginTop: 20,
paddingRight: 15,
}}
/>
);
};
Screenshots (if applicable)

What have you tried
Here is the test repo https://github.com/rahmanharoon/TextInput-native-paper
Your Environment
| software |
version |
| ios or android |
|
| react-native |
0.64.1 |
| react-native-paper |
^4.8.1 |
| node |
v12.18.3 |
| npm |
6.14.8 |
| expo sdk |
~41.0.1 |
Current behaviour
I'm using TextInput with outlined mode. When I give roundness of 90 the label get collapse on the left end.I tried to move label ad TextInput focus to little right but I didn't succeed.
Expected behaviour
Need to move Label and TextInput focus to little right.
Code sample
import * as React from "react";
import { TextInput } from "react-native-paper";
export const ManagePrivacyScreen = () => {
const [text, setText] = React.useState("");
return (
<TextInput
label="Email"
value={text}
mode="outlined"
onChangeText={(text) => setText(text)}
theme={{roundness: 30}}
style={{
width: '95%',
alignSelf: 'center',
marginTop: 20,
paddingRight: 15,
}}
/>
);
};
Screenshots (if applicable)
What have you tried
Here is the test repo https://github.com/rahmanharoon/TextInput-native-paper
Your Environment
0.64.1^4.8.1v12.18.36.14.8~41.0.1