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

Question

我使用的是react-native-material-textfield而不是本机的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}
     />