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

Question

我正在使用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}
  />

Answer 1

1. 你不应该使用'OutlinedTextField' - 使用'TextField'。

2. 使用参数'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}
     />