Skip to content

Label and TextInput focus can't move to right when I use roundness it's collapsing the borderRadius in outlined mode of TextInput. #2729

@rahmanharoon

Description

@rahmanharoon

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)

sample

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions