React-Native 自定义TextInput 登录页面

实现效果  <1>输入框左边有图标<2>去掉下划线<3>有一个白色带边框的背景

render() {
    return (
      
        
          鲜桥销售管理系统
        
          
              
            让买卖更容易  
         
         
         
              
            
        
        
              
            
        
            
        登录
       
       
        客服电话:400-285-927
        
      
    );
  }
所用到的样式

 input:{
    height:45,
    borderWidth:1,
    marginLeft: 2,
    paddingLeft:20,
    width:ComponentWidth-30,
    borderColor: '#ccc',
    fontSize: 20,
    borderRadius: 4,
    backgroundColor: '#fff',
  },
   InputIconStyle:{
    top:10,
    width: 26,
    height: 26
  },
   bgIconStyle:{
    top:300,
    flexDirection:'row',
    height:45,
    justifyContent: 'flex-end',
    left:leftStartPoint,
    width:ComponentWidth
  },

 
  


你可能感兴趣的:(React,Native)