title: The email address is badly formatted Firebase/React-Native
body: <p>I'm receiving this error when I put something different of letters (numbers or signs)...................................................................................................................................................................................................................................................................................................................</p>
  
  <p>Here is my Code:</p>
  
  <pre><code>export default class App extends React.Component {
  
    constructor (props) {
      super(props)
  
      this.state =({
        email:'',
        password:'',
      })
    }
  
    signUpUser = (email, password) =&gt; {
  
      try {
  
        if(this.state.password.length &lt;6)
        {
          alert("Please enter atleast 6 characters")
          return;
        }
  
        firebase.auth().createUserWithEmailAndPassword(email, password)
      }
  
      catch (error){
        console.log(error.toString())
      }
    }
  
    loginUser =(email, password) =&gt; {
  
      try{
  
        firebase.auth().signInWithEmailAndPassword(email, password).then(function(user){
          console.log(user)
        })
      }
  
      catch (error) {
        console.log(error.toString())
      }
    }
  
    render() {
      return (
        &lt;Container style={styles.container}&gt;
          &lt;Form&gt;
            &lt;Item floatingLabel&gt;
              &lt;Label&gt; Email &lt;/Label&gt;
              &lt;Input
                autoCorrect={false}
                autoCapitalize='none'
                onChangeText={(email)=&gt; this.setState({email})} 
  
                /&gt;
            &lt;/Item&gt;
  
            &lt;Item floatingLabel&gt;
              &lt;Label&gt; Password &lt;/Label&gt;
              &lt;Input
                secureTextEntry={true}
                autoCorrect={false}
                autoCapitalize='none'
                onChangeText={(password)=&gt; this.setState({password})}
                /&gt;
            &lt;/Item&gt;
  
            &lt;Button style={{marginTop: 10}}
            full
            rounded
            success
            onPress = {()=&gt; this.loginUser(this.state.email,this.state.password)}
            &gt;
              &lt;Text&gt; Login &lt;/Text&gt;
            &lt;/Button&gt;
  
            &lt;Button style={{marginTop: 10}}
            full
            rounded
            primary
            onPress = {()=&gt; this.signUpUser(this.state.email,this.state.password)}
            &gt;
              &lt;Text style={{color: 'white' }}&gt; Sign Up &lt;/Text&gt;
            &lt;/Button&gt;
          &lt;/Form&gt;
        &lt;/Container&gt;
      );
    }
  }
  
  const styles = StyleSheet.create ({
    container:{
      flex: 1,
      backgroundColor: 'white',
      justifyContent: 'center',
      padding: 10
    }
  }) 
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/SGvnZ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SGvnZ.jpg" alt="enter image description here"></a></p>