移除 react-native-material-textfield 的边框答案

【问题标题】：Remove border of react-native-material-textfield移除 react-native-material-textfield 的边框
【发布时间】：2020-03-29 07:17:47
【问题描述】：

我正在使用 react-native-material-textfield 而不是 react-native TextInput。

一些问题：

1)如何移除右/左/上边框？

2)如何更改标签的颜色/字体大小（这里是电话号码）？

我尝试 (inputContainerStyle,labelTextStyle,titleTextStyle) 进行更改，但没有影响。

  <OutlinedTextField
    autoCorrect={false}
    enablesReturnKeyAutomatically={true}
    label='Phone number'
    keyboardType='phone-pad'
    formatText={formatText}
    labelTextStyle={{color:'red'}}
    onSubmitEditing={onSubmit}
    ref={fieldRef}
  />

【问题讨论】：

试试这个 react-native-materialui-textfield

标签： react-native react-native-android react-native-ios react-native-textinput

【解决方案1】：

您不应该为此使用“OutlinedTextField” - 使用“TextField”。

使用参数'baseColor'在默认状态下改变标签的颜色，'tintColor'在焦点状态下改变颜色，'errorColor'改变错误颜色，'textColor'改变输入颜色文本。

<TextField
    autoCorrect={false}
    enablesReturnKeyAutomatically={true}
    label='Phone number'
    keyboardType='phone-pad'
    formatText={formatText}
    baseColor='red'
    tintColor='red'
    onSubmitEditing={onSubmit}
    ref={fieldRef}
  />

【讨论】：