react-native material文本输入设计不准确显示

Question

我正在关注此链接https://www.npmjs.com/package/react-native-material-textfield

但是，我没有得到Exact显示输入和当我输入文本不显示在此提交。

请找出我的问题

这是我的代码：

<View style={{flex:1,justifyContent:'center',alignItems:'center'}}>

      <TextField style={{ opacity: 0 , marginLeft: windowSize.width / 1.4, color: 'red' }}
        label='Phone number'
        textColor={'red'}
        value={this.state.userName}
        labelHeight={40}
      disabled={false}
        labelPadding={1}
        Bottom padding= {8}
        labelHeight={32}
        multiline={true}
        blurOnSubmit={true}
  //characterRestriction={10}
onChangeText={(data) => this.setState({ userName: data })}
      />
</View>

我希望这样在上面链接中提供的给定文本中显示出来......