React Native User Registration with Local PhpMyAdmin MySQL Database iOS Android Tutorial

admin May 2, 2018 May 2, 2018React Native

Our this tutorial has a special purpose between developers, because many of our visitors wanted to test react native apps using Local PhpMyAdmin MySQL database and most of them doesn’t know how to? So in this tutorial we would going to create simple User Registration with Local PhpMyAdmin MySQL Database application in both iOS Android devices example tutorial. We would explain each and every step in this tutorial so don’t skip any step read the tutorial to end. Happy Reading 🙂 .

Contents in this project User Registration with Local PhpMyAdmin MySQL Database iOS Android Example Tutorial:

1. The first step is to install the Local PHP server software in your computer, We are using the XAMPP in our tutorial, So if you have n’t install the XAMPP then download from its official website , It’s free.

2. After installing the XAMPP just start the Apache and MySQL server.

3. Create MySQL database and Table:

Next step is to create MySQL database in your local host PhpMyAdmin, So open your web browser(Google chrome, Mozilla Firefox etc.) and type localhost/phpmyadmin and press enter, Now you’ll see the Localhost/PhpMyAdmin MySQL database control panel.
Click on New link to create new MySQL database.
Enter the Database name, we are creating the Database named as test.
Next step is creating Table in your Local database, Enter table name as user_details with columns 4.
Enter columns name id, name, email, password with type INT and VARCHAR. Now make the id as auto increment and make the id is primary key.
Now the table creating part is done, Next step is start coding for PHP server files.

4. Creating PHP Files:

we have to create 2 php files first one is dbconfig.php and second is user_registration.php .

Code for dbconfig.php file:

This file contains all the most useful information about our server like server database username, host name, password and database name.

<?php
 
//Define your host here.
$HostName = "localhost";
 
//Define your database name here.
$DatabaseName = "test";
 
//Define your database username here.
$HostUser = "root";
 
//Define your database password here.
$HostPass = "";
 
?>

<?php

//Define your host here.

$HostName = "localhost";

//Define your database name here.

$DatabaseName = "test";

//Define your database username here.

$HostUser = "root";

//Define your database password here.

$HostPass = "";

Code for user_registration.php file:

This file is used to insert user registration information data into MySQL database table. We would call this file into our react native code.

<?php
 
// Importing DBConfig.php file.
include 'dbconfig.php';
 
// Creating connection.
$con = mysqli_connect($HostName,$HostUser,$HostPass,$DatabaseName);
 
// Getting the received JSON into $json variable.
$json = file_get_contents('php://input');
 
// decoding the received JSON and store into $obj variable.
$obj = json_decode($json,true);
 
 // Populate User name from JSON $obj array and store into $name.
$name = $obj['name'];
 
// Populate User email from JSON $obj array and store into $email.
$email = $obj['email'];
 
// Populate Password from JSON $obj array and store into $password.
$password = $obj['password'];
 
//Checking Email is already exist or not using SQL query.
$CheckSQL = "SELECT * FROM user_details WHERE email='$email'";
 
// Executing SQL Query.
$check = mysqli_fetch_array(mysqli_query($con,$CheckSQL));
 
 
if(isset($check)){
 
 $EmailExistMSG = 'Email Already Exist, Please Try Again !!!';
 
 // Converting the message into JSON format.
$EmailExistJson = json_encode($EmailExistMSG);
 
// Echo the message.
 echo $EmailExistJson ; 
 
 }
 else{
 
 // Creating SQL query and insert the record into MySQL database table.
$Sql_Query = "insert into user_details (name,email,password) values ('$name','$email','$password')";
 
 
 if(mysqli_query($con,$Sql_Query)){
 
 // If the record inserted successfully then show the message.
$MSG = 'User Registered Successfully' ;
 
// Converting the message into JSON format.
$json = json_encode($MSG);
 
// Echo the message.
 echo $json ;
 
 }
 else{
 
 echo 'Try Again';
 
 }
 }
 mysqli_close($con);
?>

<?php

// Importing DBConfig.php file.

include 'dbconfig.php';

// Creating connection.

$con = mysqli_connect($HostName,$HostUser,$HostPass,$DatabaseName);

// Getting the received JSON into $json variable.

$json = file_get_contents('php://input');

// decoding the received JSON and store into $obj variable.

$obj = json_decode($json,true);

// Populate User name from JSON $obj array and store into $name.

$name = $obj['name'];

// Populate User email from JSON $obj array and store into $email.

$email = $obj['email'];

// Populate Password from JSON $obj array and store into $password.

$password = $obj['password'];

//Checking Email is already exist or not using SQL query.

$CheckSQL = "SELECT * FROM user_details WHERE email='$email'";

// Executing SQL Query.

$check = mysqli_fetch_array(mysqli_query($con,$CheckSQL));

if(isset($check)){

$EmailExistMSG = 'Email Already Exist, Please Try Again !!!';

// Converting the message into JSON format.

$EmailExistJson = json_encode($EmailExistMSG);

// Echo the message.

echo $EmailExistJson ;

}

else{

// Creating SQL query and insert the record into MySQL database table.

$Sql_Query = "insert into user_details (name,email,password) values ('$name','$email','$password')";

if(mysqli_query($con,$Sql_Query)){

// If the record inserted successfully then show the message.

$MSG = 'User Registered Successfully' ;

// Converting the message into JSON format.

$json = json_encode($MSG);

// Echo the message.

echo $json ;

}

else{

echo 'Try Again';

}

mysqli_close($con);

5. Create a folder name as User_Project inside C:\xampp\htdocs\ like i did in below screenshot and copy the both dbconfig.php and second is user_registration.php PHP files inside this folder. We would now call these files with IP of our local system.

6. Open command prompt in windows and execute ipconfig command inside it to see your system’s IP address.

Important Note : After executing above command you’ll see many different IP address on your command prompt window, Now if you are connected to WiFi network then you need to copy/select the IPv4 address under Wireless LAN Adapter WiFi block and if you are connected to LAN then select the IPv4 address under Ethernet Adapter.

7. Start Coding for Application :

1. Open your project’s App.js file and import StyleSheet, View, TextInput, Button, Text and Alert component in your project.

import React, { Component } from 'react';
 
import { StyleSheet, View, TextInput, Button, Text, Alert } from 'react-native';

import React, { Component } from 'react';

import { StyleSheet, View, TextInput, Button, Text, Alert } from 'react-native';

2. Create constructor() in your project and make 3 state named as UserName, UserEmail and UserPassword inside it.

constructor() {
 
    super()
 
    this.state = {
 
      UserName: '',
      UserEmail: '',
      UserPassword: ''
 
    }
 
}

constructor() {

super()

this.state = {

UserName: '',

UserEmail: '',

UserPassword: ''

}

3. Create a function named as UserRegistrationFunction(), Inside this function we would use the fetch() API to insert data into MySQL database, As you can see we are using the URL with IP address mentioned above step with the location of PHP file. After inserting the data successfully it will print the response message coming form PHP file in Alert.

UserRegistrationFunction = () =>{
 
  fetch('http://192.168.2.102/User_Project/user_registration.php', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
  
      name: this.state.UserName,
  
      email: this.state.UserEmail,
  
      password: this.state.UserPassword
  
    })
  
  }).then((response) => response.json())
        .then((responseJson) => {
  
  // Showing response message coming from server after inserting records.
          Alert.alert(responseJson);
  
        }).catch((error) => {
          console.error(error);
        });
 
}

UserRegistrationFunction = () =>{

fetch('http://192.168.2.102/User_Project/user_registration.php', {

method: 'POST',

headers: {

'Accept': 'application/json',

'Content-Type': 'application/json',

body: JSON.stringify({

name: this.state.UserName,

email: this.state.UserEmail,

password: this.state.UserPassword

})

}).then((response) => response.json())

.then((responseJson) => {

// Showing response message coming from server after inserting records.

Alert.alert(responseJson);

}).catch((error) => {

console.error(error);

});

}

4. Create 3 TextInput component and 1 Button component inside the render’s return block, Each TextInput will get a value from user and stores in State. We would call the UserRegistrationFunction() on button onPress event.

  render() {
    return (
 
<View style={styles.MainContainer}>
 
        <Text style= {styles.title}>User Registration Form</Text>
  
        <TextInput
          placeholder="Enter User Name"
          onChangeText={name => this.setState({UserName : name})}
          underlineColorAndroid='transparent'
          style={styles.TextInputStyleClass}
          />
 
        <TextInput
          placeholder="Enter User Email"
          onChangeText={email => this.setState({UserEmail : email})}
          underlineColorAndroid='transparent'
          style={styles.TextInputStyleClass}
          />
 
        <TextInput
          placeholder="Enter User Password"
          onChangeText={password => this.setState({UserPassword : password})}
          underlineColorAndroid='transparent'
          style={styles.TextInputStyleClass}
          secureTextEntry={true}
          />
 
        <Button title="Click Here To Register" onPress={this.UserRegistrationFunction} color="#2196F3" />
      
  
 
</View>
            
    );
  }

render() {

return (

<Text style= {styles.title}>User Registration Form</Text>

<TextInput

placeholder="Enter User Name"

onChangeText={name => this.setState({UserName : name})}

underlineColorAndroid='transparent'

style={styles.TextInputStyleClass}

<TextInput

placeholder="Enter User Email"

onChangeText={email => this.setState({UserEmail : email})}

underlineColorAndroid='transparent'

style={styles.TextInputStyleClass}

<TextInput

placeholder="Enter User Password"

onChangeText={password => this.setState({UserPassword : password})}

underlineColorAndroid='transparent'

style={styles.TextInputStyleClass}

secureTextEntry={true}

</View>

);

}

5. Creating Style.

const styles = StyleSheet.create({
 
MainContainer :{
 
  justifyContent: 'center',
  flex:1,
  margin: 10
},
 
TextInputStyleClass: {
 
  textAlign: 'center',
  marginBottom: 7,
  height: 40,
  borderWidth: 1,
  borderColor: '#2196F3',
  borderRadius: 5 ,
},

title:{

  fontSize: 22, 
  color: "#009688", 
  textAlign: 'center', 
  marginBottom: 15
}
 
});

const styles = StyleSheet.create({

MainContainer :{

justifyContent: 'center',

flex:1,

margin: 10

TextInputStyleClass: {

textAlign: 'center',

marginBottom: 7,

height: 40,

borderWidth: 1,

borderColor: '#2196F3',

borderRadius: 5 ,

title:{

fontSize: 22,

color: "#009688",

textAlign: 'center',

marginBottom: 15

}

});

6. Complete source code for App.js File :

import React, { Component } from 'react';
 
import { StyleSheet, View, TextInput, Button, Text, Alert } from 'react-native';
 
export default class Project extends Component {
 
constructor() {
 
    super()
 
    this.state = {
 
      UserName: '',
      UserEmail: '',
      UserPassword: ''
 
    }
 
  }
 
UserRegistrationFunction = () =>{
 
  fetch('http://192.168.2.102/User_Project/user_registration.php', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
  
      name: this.state.UserName,
  
      email: this.state.UserEmail,
  
      password: this.state.UserPassword
  
    })
  
  }).then((response) => response.json())
        .then((responseJson) => {
  
  // Showing response message coming from server after inserting records.
          Alert.alert(responseJson);
  
        }).catch((error) => {
          console.error(error);
        });
 
}
 
  render() {
    return (
 
<View style={styles.MainContainer}>
 
        <Text style= {styles.title}>User Registration Form</Text>
  
        <TextInput
          placeholder="Enter User Name"
          onChangeText={name => this.setState({UserName : name})}
          underlineColorAndroid='transparent'
          style={styles.TextInputStyleClass}
          />
 
        <TextInput
          placeholder="Enter User Email"
          onChangeText={email => this.setState({UserEmail : email})}
          underlineColorAndroid='transparent'
          style={styles.TextInputStyleClass}
          />
 
        <TextInput
          placeholder="Enter User Password"
          onChangeText={password => this.setState({UserPassword : password})}
          underlineColorAndroid='transparent'
          style={styles.TextInputStyleClass}
          secureTextEntry={true}
          />
 
        <Button title="Click Here To Register" onPress={this.UserRegistrationFunction} color="#2196F3" />
      
  
 
</View>
            
    );
  }
}
 
const styles = StyleSheet.create({
 
MainContainer :{
 
  justifyContent: 'center',
  flex:1,
  margin: 10
},
 
TextInputStyleClass: {
 
  textAlign: 'center',
  marginBottom: 7,
  height: 40,
  borderWidth: 1,
  borderColor: '#2196F3',
  borderRadius: 5 ,
},

title:{

  fontSize: 22, 
  color: "#009688", 
  textAlign: 'center', 
  marginBottom: 15
}
 
});

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

import React, { Component } from 'react';

import { StyleSheet, View, TextInput, Button, Text, Alert } from 'react-native';

export default class Project extends Component {

constructor() {

super()

this.state = {

UserName: '',

UserEmail: '',

UserPassword: ''

}

UserRegistrationFunction = () =>{

fetch('http://192.168.2.102/User_Project/user_registration.php', {

method: 'POST',

headers: {

'Accept': 'application/json',

'Content-Type': 'application/json',

body: JSON.stringify({

name: this.state.UserName,

email: this.state.UserEmail,

password: this.state.UserPassword

})

}).then((response) => response.json())

.then((responseJson) => {

// Showing response message coming from server after inserting records.

Alert.alert(responseJson);

}).catch((error) => {

console.error(error);

});

}

render() {

return (

<Text style= {styles.title}>User Registration Form</Text>

<TextInput

placeholder="Enter User Name"

onChangeText={name => this.setState({UserName : name})}

underlineColorAndroid='transparent'

style={styles.TextInputStyleClass}

<TextInput

placeholder="Enter User Email"

onChangeText={email => this.setState({UserEmail : email})}

underlineColorAndroid='transparent'

style={styles.TextInputStyleClass}

<TextInput

placeholder="Enter User Password"

onChangeText={password => this.setState({UserPassword : password})}

underlineColorAndroid='transparent'

style={styles.TextInputStyleClass}

secureTextEntry={true}

</View>

);

}

const styles = StyleSheet.create({

MainContainer :{

justifyContent: 'center',

flex:1,

margin: 10

TextInputStyleClass: {

textAlign: 'center',

marginBottom: 7,

height: 40,

borderWidth: 1,

borderColor: '#2196F3',

borderRadius: 5 ,

title:{

fontSize: 22,

color: "#009688",

textAlign: 'center',

marginBottom: 15

}

});

Screenshots :

React Native Add onLongPress on Button using TouchableOpacity

Add Custom External Text Fonts in React Native App Android iOS Tutorial

React Native Simple Modal Component iOS Android Example Tutorial

75 Comments

hang nga
June 4, 2018 at 9:18 am

awesome, thank you very much

Reply
- admin
  June 4, 2018 at 4:04 pm
  
  Welcome 🙂 .
  
  Reply
abhishek singh
June 5, 2018 at 2:38 am

sir my all configuration is right but still getting network request error.

please help.

Reply
- admin
  June 6, 2018 at 5:42 am
  
  Abhishek could you test your code on online hosting server like 000webhost.
  
  Reply
- Ashwini
  November 2, 2021 at 6:26 pm
  
  can you verify the host name in DB connection php file . I did the same mistake, In dbconfig.php I give localhost and In App.js I given network IP. If not same change it. And Postman is very helpful you can verify your connection
  
  Reply
Muhammed Rafi
June 5, 2018 at 4:40 am

Thank you sir
greate tutorial

Reply
anil rathod
June 25, 2018 at 9:26 am

i have following error, please help me
JSON Parse error: Unexpected Identifier “Try”

Reply
- admin
  June 25, 2018 at 10:35 am
  
  Anil please check your database config file.
  
  Reply
  - anil rathod
    June 26, 2018 at 5:54 am
    
    i’m using bitnami wampstack
    it uses port 81 for start service
    
    ********************** my config file******************
    
    ***************************************
    
    ************user_registration file*********
    
    Reply
    - admin
      June 26, 2018 at 7:08 am
      
      Anil read our this tutorial : https://reactnativecode.com/connect-run-apps-using-localhost/ this would help you to configure app locally.
      
      Reply
      - anil rathod
        June 28, 2018 at 6:37 am
        
        great
segs
June 28, 2018 at 3:09 pm

sir im having this error pls can you help JSON Parse error: Unrecognized token ‘<'

Reply
segun
June 28, 2018 at 9:40 pm

JSON Parse error: Unrecognized token ‘<'. This is my error

Reply
- admin
  June 29, 2018 at 3:41 am
  
  Please check your database config file.
  
  Reply
Ali
July 23, 2018 at 5:33 am

hi,
my code works great on local but when i put code on 000webhost then i receive getting network request error … help me ?

Reply
- admin
  July 23, 2018 at 11:34 am
  
  Ali you need to change the your server database name and sever database password in config file and make sure when you are trying this your emulator or mobile is connected to internet .
  
  Reply
- skptricks
  August 16, 2018 at 10:16 am
  
  Actually free hosting for 000webhost is not accepting external http request. All the request is blocked by their server. Try using firebase as a database.
  
  Reply
  - admin
    August 17, 2018 at 4:28 am
    
    Thanks for notifying us Sumit 🙂 .
    
    Reply
Sidd Sharma
August 17, 2018 at 12:10 pm

JSON Parse error: Unrecognized token ‘<'.
and where is database config file

Reply
- admin
  August 17, 2018 at 3:40 pm
  
  Sid the dbconfig.php file is our database config file.
  
  Reply
Amit
August 29, 2018 at 5:31 am

Hi,
I want to create a registration and login app and whenever i fill registration form then all information should goes in local database and will able to login with these credentials. Please help me how can i will create this. I am stuck in this from last 10 days. My main focus local database and this database access in mobile without using internet or firebase.

Reply
- admin
  August 29, 2018 at 4:19 pm
  
  Amit then you have to use Realm local database read our this tutorial this would help you : https://reactnativecode.com/realm-database-insert-update-delete-view-crud/
  
  Reply
cesar barahona
August 30, 2018 at 8:57 pm

Hi, when i make the register it takes too much time to success on android, on ios it work really fast. I put alerts everywhere to see what was the problem and i can see that when it time of “fetch” it is when the delay happend, about 10 seconds.
do you know whats going on ?
any solution?
please help me

Regards

Reply
- admin
  August 31, 2018 at 3:33 am
  
  Cesar try this on real android device maybe it is delay because of emulator .
  
  Reply
junaid mt
January 4, 2019 at 6:57 am

i try to run it using wampserver but dont get , it has occur an error ( JSON Parse error: Unrecognized token ‘<')

Reply
- admin
  January 4, 2019 at 3:31 pm
  
  Junaid check the database config file and set your database username, password and database name in it.
  
  Reply
Creamz
February 14, 2019 at 3:27 pm

I have same problem with (JSON Parse error: Unrecognized token ‘<')

but i make sure i have set the right database username password and database name …

Reply
Stephen Yeung
February 14, 2019 at 3:28 pm

I have same problem with( JSON Parse error: Unrecognized token ‘<')

I make sure i have set the right information in the config file

Reply
- admin
  February 15, 2019 at 2:27 pm
  
  Stephen the code is working fine. Which URL you are using ?
  
  Reply
Wahab Aslam
February 21, 2019 at 5:23 pm

while i run this code i receive this following error.
JSON Parse error: Unrecognized token ‘<'

Reply
- admin
  February 22, 2019 at 11:15 am
  
  Wahab The code is working fine i have just checked the complete code, could you tell me what modifications you have made in code.
  
  Reply
Nadeem M B
February 25, 2019 at 6:42 pm

I was able to solve the “JSON Parse error: Unrecognized token ‘<'" error…make sure you check the state name is the same E.g
name: this.state.UserName,
email: this.state.UserEmail,
password: this.state.UserPassword.
Moreover, the name , email , password must be the same as in the php page

Reply
krish
May 11, 2019 at 8:22 pm

Will can use the same fetch method for react as well rite?

Reply
- admin
  May 12, 2019 at 3:22 pm
  
  Krish could you please explain me what is rite here ?
  
  Reply
Divyanshu
May 24, 2019 at 9:41 am

Can you wake a tutorial of user log in using php myadmin ?

Reply
- admin
  May 27, 2019 at 4:02 pm
  
  Divyanshu read my this tutorial this would help you: https://reactnativecode.com/react-native-user-login-using-php-mysql/ .
  
  Reply
Adnan
June 5, 2019 at 7:08 am

Can you make a tutorial of user registration process using PostgreSQL

Reply
- admin
  June 5, 2019 at 2:43 pm
  
  Thanks for your suggestion Adnan but sadly i have not tried the PostgreSQL yet. But when i learn about PostgreSQL then surely i’ll post tutorial on it.
  
  Reply
Adnan
June 6, 2019 at 1:01 am

I am trying but yet not succeeded, its hard but its not impossible.

Reply
Adnan
June 12, 2019 at 12:59 am

Yesterday i did user registration process using PostgreSQL and succeeded……

Reply
- admin
  June 12, 2019 at 5:40 pm
  
  Thanks for Quick reply Adnan. Can you send me your code so i could make a tutorial on it :).
  
  Reply
Rza
August 4, 2019 at 12:58 pm

Hey sir, code is run but give this alert — … — What is it ?

Reply
- admin
  August 4, 2019 at 2:17 pm
  
  Rza could you tell me complete error ?
  
  Reply
Farah
August 7, 2019 at 1:20 pm

Hi, if I want to show the id in the alert box after I successfully register, what should i do in the PHP and react code? Thanks

Reply
- admin
  August 7, 2019 at 3:43 pm
  
  Farah then you need to pass the id from php code to react native code and show in alert.
  
  Reply
Farah
August 8, 2019 at 12:50 pm

and how to pass the id from php code after insert? Should i add another query to select the id?

Reply
- admin
  August 9, 2019 at 3:10 pm
  
  Farah where you pass the message User Registered Successfully you can pass the ID here.
  
  Reply
Farah
August 15, 2019 at 1:43 pm

Could you explain more how to pass it? I try $MSG = array (‘User Registered Successfully’, $id) and in react native is Alert.alert(responseJSON[1]), but it get error like this: [SyntaxError: JSON Parse error: Unrecognized token ‘<']

Reply
- admin
  August 17, 2019 at 2:10 pm
  
  Farah did you application running correctly before making these changes ?
  
  Reply
  - Ioana Dan
    June 25, 2021 at 2:46 pm
    
    Hi, I am trying this currently and the application gives this same error even without making changes to the code. I also sent you an email. Could you help please?
    
    Reply
krish
August 17, 2019 at 3:03 pm

Can we user the same method for react js as well,

If not is there any similar link

Reply
- admin
  August 18, 2019 at 2:20 pm
  
  Krish you can use the same PHP files for react JS .
  
  Reply
krish
August 17, 2019 at 4:07 pm

i am using react and using the same code to try to connect with mysql, will it work

Reply
krish
August 18, 2019 at 6:13 pm

Thanks for the reply!!
I am getting this error – any suggestions “If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.”

Reply
- admin
  August 19, 2019 at 4:18 pm
  
  Krish i have no knowledge about react JS so sorry bro .
  
  Reply
Farah
August 22, 2019 at 6:16 am

Yes, my application is running well before i change the code to send the ID

Reply
hanah
October 18, 2019 at 6:43 am

Hello! thank you for showing us this, its so useful! however it is possible to link the pop up message of ‘ User Registered Successfully’ OK button to a new page ?

Waiting for your reply!

Thank you!

Reply
- admin
  October 19, 2019 at 3:54 am
  
  Yes hanah it is possible, What actually you want please tell me ?
  
  Reply
Yuen
October 28, 2019 at 6:59 am

Hi, i am getting SyntaxError: JSON Parse error: Unrecognized token
‘<'
I have check the dbconfig file and everything else.
It also works when I directly specify the $name, $password, and $email fields in the userRegistration file.
So it seems like it is not able to get the the input from the app.

I am using Wamp server, does this affect anything?

Reply
Puneet
November 1, 2019 at 1:16 pm

Using your code as well url is also yours but it is not registering user. what is the problem. if i am using local host it is showing unrecognized token. i am using htdocs/web/file
and user is 192.168.54.1/web/user.php

Reply
- admin
  November 11, 2019 at 9:19 am
  
  Puneet did you change the hostname and data base host user as well as password ?
  
  Reply
afif
March 5, 2020 at 3:43 pm

how to connect the react application with these files(.php)

Reply
- admin
  March 7, 2020 at 5:51 am
  
  Afif you have to upload these PHP files on your server and your sever should be connected with Domain name. Now after uploading these files to server you will get a URL which is your API URL.
  
  Reply
HA GA
March 7, 2020 at 8:16 pm

I’m getting : Network request field but after 2 mins of submitting the info entered! and I’m using wamp server.

Reply
- admin
  March 8, 2020 at 3:20 am
  
  You are testing app locally or online ?
  
  Reply
  - HA GA
    March 9, 2020 at 9:26 am
    
    today I tested it online and it worked! thank you
    
    Reply
    - admin
      March 13, 2020 at 3:38 pm
      
      Welcome bro 🙂 .
      
      Reply
Marcelo Cordeiro
April 12, 2020 at 9:19 pm

Hi, good tutorial, do you know if it works with genymotion? which emulator did you use?

Reply
- admin
  April 13, 2020 at 3:19 am
  
  Marcelo i am using android emulator crated using SDK Manger -> AVD Manger and i have not yet tried Genymotion.
  
  Reply
Ammar
May 13, 2020 at 10:05 am

sorry for my bad english,
thanks a lot for tutorial, great!!!

the app 100% work.

but if i release the apk, then install on my phone, and connect on same network, the app not working and nothing alert anything. why? any solution

Reply
- admin
  May 15, 2020 at 1:37 am
  
  Thanks for telling me this Ammar, I will install it in my phone and test it ASAP .
  
  Reply
  - Ammar
    May 27, 2020 at 1:07 pm
    
    thanks for reply,
    but the function is working 100% for now, i dont know why.
    
    FYI on your posting about get data from API, the ListView not working, i try with FlatList and working.
    
    Finally, i release the apk, and install on phone, both insert and get data 100% work, AWESOME 😉
    
    Reply
May
July 5, 2021 at 2:39 pm

Hi
I’m getting this error: JSON Parse error: Unexpected Identifier “Try” It happened when I signed up for the second time. While the registration process was successful for the first time and the data was sent to the database. Can you tell me where is the error?
Thank

Reply
Ashwini
November 2, 2021 at 6:28 pm

Thank you So much 🎉 ! Great tutorial .. Each step is very clear And easy to grasp it for beginners

Reply
- admin
  November 3, 2021 at 3:55 am
  
  Thanks.. Ashwini 🙂 .
  
  Reply

React Native User Registration with Local PhpMyAdmin MySQL Database iOS Android Tutorial

Contents in this project User Registration with Local PhpMyAdmin MySQL Database iOS Android Example Tutorial:

Related posts:

75 Comments

Leave a Reply Cancel reply

Search Here