-
-
Notifications
You must be signed in to change notification settings - Fork 2.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Label and TextInput focus can't move to right when I use roundness it's collapsing the borderRadius in outlined mode of TextInput. #2729
Comments
Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.io 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. |
Couldn't find version numbers for the following packages in the issue:
Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3. The versions mentioned in the issue for the following packages differ from the latest versions on npm:
Can you verify that the issue still exists after upgrading to the latest versions of these packages? |
Couldn't find version numbers for the following packages in the issue:
Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3. The versions mentioned in the issue for the following packages differ from the latest versions on npm:
Can you verify that the issue still exists after upgrading to the latest versions of these packages? |
Couldn't find version numbers for the following packages in the issue:
Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3. |
Couldn't find version numbers for the following packages in the issue:
Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3. |
Issue was fixed in version |
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.1
v12.18.3
6.14.8
~41.0.1
The text was updated successfully, but these errors were encountered: