TextInput的borderRadius属性在本机React中不起作用,

wqnecbli 于 2023-02-05 发布在 React

关注(0)|答案(5)|浏览(143)

我想在我的react-native应用程序中使用舍入的TextInput，但是当我设置它的borderRadius属性时，它不起作用。建议我这样做的方法。

<TextInput  placeholder="Email" style={styles.textInput} />

    textInput:{

    borderColor:'black',
    backgroundColor:'#D3D3D3',
    width:300,
    borderWidth: 1,
    borderStyle: 'solid',
    fontSize:15,
    borderRadius: 25,

    }

react-native

来源：https://stackoverflow.com/questions/39724211/borderradius-property-of-textinput-not-working-in-react-native

5条答案

按热度按时间

ki0zmccv1#

在具有borderRadius的TextInput上尝试overflow:"hidden"。

赞(0）回复(0）举报 2023-02-05

ikfrs5lh2#

在TextInput的父项View上应用边框

<View style={styles.borderStyle}>
 <TextInput  placeholder="Email" style={styles.textInput} />
</View>

赞(0）回复(0）举报 2023-02-05

wa7juj8i3#

应用以下代码：

<TextInput
  style={{ height: 40, width: "95%", borderColor: 'gray', borderWidth: 2, borderRadius: 20,  marginBottom: 20, fontSize: 18 }}
  // Adding hint in TextInput using Placeholder option.
  placeholder=" Enter Your First Name"
  // Making the Under line Transparent.
  underlineColorAndroid="transparent"
/>

赞(0）回复(0）举报 2023-02-05

2ul0zpep4#

〈文本输入主题={{圆度：20 //试试这个}} /〉

赞(0）回复(0）举报 2023-02-05

zpjtge225#

在react原生纸质文档的最新版本中，他们提到需要使用outlineStyle来设置边框颜色和边框半径

outlineStyle
Type: StyleProp<ViewStyle>
Pass style to override the default style of outlined wrapper. Overrides style when mode is set to outlined Example: borderRadius, borderColor

赞(0）回复(0）举报 2023-02-05

我来回答

TextInput的borderRadius属性在本机React中不起作用,

5条答案

相关问题

热门标签

最新问答