React Native new

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

import {NavigationContainer} from '@react-navigation/native'
import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
import {createStackNavigator} from '@react-navigation/stack'
import axios from 'axios'
import {createDrawerNavigator} from '@react-navigation/drawer'
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'
import { useState } from 'react';
import { color } from 'react-native-reanimated';

// components
import LoginFunc from './components/LoginFunc'
import Home from './components/Home'
import LoginTextbox from './components/Textbox'
import Signup from './components/Signup'
import FlatList3 from './components/FlatList'
import FlatList_Api from './components/FlatList_Api'
import Class_comp from './components/Class_comp';
import Func_comp from './components/Func_comp'
import FormValidation from './components/FormValidation';

// const tab = createBottomTabNavigator()
// const drawer = createDrawerNavigator()
const stack = createStackNavigator()

 
function App(){  
    return(
       <NavigationContainer>
         <stack.Navigator>
           <stack.Screen 
           options={{headerTintColor:'white'
          ,headerStyle:{
              backgroundColor:'black'
          }}}  
          name="Login" component={Login}/>
           <stack.Screen name="Home" component={Home}/>
           <stack.Screen name="Signup" component={Signup}/>
           <stack.Screen name="FlatList3" component={FlatList3}/>
           <stack.Screen name="FlatList_Api" component={FlatList_Api}/>
           <stack.Screen name="FormValidate" component={FormValidation}/>
         </stack.Navigator>
       </NavigationContainer>
    )
}

const Login = (props, route) =>
{
  const [state, stateupt] = useState({cardnum:'', pass:''})
  const [Username, SetName] = useState('')
  const [Password, Setpass] = useState('')
  
const LoginFunc = () => {

  var cardno = state.cardnum
  var password = state.pass
  
  if(cardno.length == 0 || password.length == 0)
  {
    alert("Required Fields Missing!")
  }else 
  {

  //  Login with axios

    var Data =
    {
      Username: cardno,
      Password: password
    }
   
   let URL1 = 'http://www.smartpaygs.com:87/Api/Users/Authentication'
   axios.post(URL1, Data)
  .then(function (response) {
   if(response.status == 200)
   {
       props.navigation.push('Home',response.data)
   }
  })
  .catch(function (error) {
    alert(error.response.data)
  });

  //   Login With PHP API

  //   let URL = 'https://scrapcollector12.000webhostapp.com/cardLogin.php'
  //   var headers = {
  //       'Accept' : 'application/json',
  //       'Content-Type': 'application.json' 
  //   }
  //   var Data =
  //   {
  //     cardno: cardno,
  //     password: password
  //   }
  //   fetch(URL, {
  //     method: 'POST',
  //     headers: headers,
  //     body: JSON.stringify(Data)
  //   })
  //   .then((response)=> response.json())
  //   .then((response) => 
  //   {
  //     alert(response[0].Message)
  //     if (response[0].Message =='success') {
        
  //        props.navigation.navigate('Home')
  //     }else{
           
  //     }
  // })
  //   .catch(error =>
  //     {
  //       alert("Error" + error)
  //     }
  //   )

//  Through Fetch Api

 // let URL = 'http://www.smartpaygs.com:87/Api/Users/Authentication'
 // let URL = 'https://reqres.in/api/register'
 
    // let Data =
    // {
    //    Username: cardno,
    //    Password: password
    //  //  Username,
    //  //  Password
    // }
    // console.warn(Data)
    // fetch(URL, {
    //   method: 'POST',
    //   headers: {
    //      Accept: 'application/json',
    //     'Content-Type': 'application.json'
    //   },
    //   body: JSON.stringify(
      //{
      //    'Username' : '1102000310000001',
      //    'Password' : '123123'
      // } 
      // Data
    //   )
    // })
    // .then((response)=> response.json())
    // .then((response) => 
    // {
    //   console.warn(response)
      // alert(response.EmbossLine)
      // if (response[0].Message =='success') {
        
      //    props.navigation.navigate('Home')
      // }else{
           
      // }
  // })
  //   .catch(error =>
  //     {
  //       alert("Error" + error)
  //     }
  //   )
  }
 }

  return(
      <View style={{marginTop:40}}>
        <LoginTextbox 
          placeholder='Enter card Number'
          keyboardType='numeric'
          placeholderTextColor='darkgrey'
          width='60%'
          value={state.cardnum /*Username*/}
           onChangeText={(e) => stateupt({...state, cardnum:e})
           //SetName(e)
          }
        />
         <LoginTextbox 
          placeholder='Enter Your Password'
          secureTextEntry={true}
          placeholderTextColor='darkgrey'
          width='60%'
          value={state.pass /*Password*/}
          onChangeText={(e) => stateupt({...state,pass:e})
          //Setpass(e)
        }
        />
        <Text>{state.cardnum}</Text>
        <Text>{state.pass}</Text>
       {/* <Button title="Login" onPress={()=> {LoginPress2()} /*(props.navigation.navigate('Home')}/> */}
       <TouchableOpacity style={styles.btn} activeOpacity={0.8} onPress={()=>{LoginFunc()}}>
           <Text style={styles.btnText}>Login</Text>
       </TouchableOpacity> 
       <Text onPress={() => {props.navigation.push('Signup',state.cardnum)}} style={{marginTop:30, marginLeft: 30}}>Sign Up</Text>
       {/* const regular_icon_btn = <FontAwesome5.Button name={'comments'} />; */}
      </View>
  )
}

class Class_comp1 extends React.Component
{
    render()
    {
        return(
            <View>
                <Text style={{fontSize:60,}}>From Class_comp</Text>
                <Button width='40' title="Btn from class" onPress={()=> alert("from class comp")}/>
            </View>
        )
    }
}

const styles = StyleSheet.create
({
  btnFormValid:
  {
    marginTop: 10,
    backgroundColor: "purple",
    height: 50,
    width: 130,
    justifyContent:'center',
    alignItems:'center',
    alignSelf:'center'
  },
    btnAPi:
    {
      marginTop: 10,
      backgroundColor: "red",
      height: 50,
      width: 70,
      justifyContent:'center',
      alignItems:'center',
      alignSelf:'center'
    },
    btn:{
        marginTop: 10,
        backgroundColor: "maroon",
        height: 50,
        width: 70,
        justifyContent:'center',
        alignItems:'center',
        alignSelf:'center'
    },
    btnText:{
        color: 'white',
        fontSize: 15
    }
})
export default App;
import React from 'react'
import {
    Button,
    Text,
    TextInput,
    TouchableOpacity,
    View,
    StyleSheet
  } from 'react-native';
import Class_comp from './Class_comp';
import Func_comp from './Func_comp'


const Home = (props, {route}) => {
    const data = "some data!!!"
  
    return (
      <View style={{marginTop:30}}>
         {/* <Text style={{fontSize:30}}>Functional Component!!!</Text>
         <TextInput placeholder={"Enter Your Name"} onChangeText={(e)=>{console.warn(e)} }/> */}
         {/* <Button title="Logout" onPress={() => props.navigation.navigate('Login')}/> */}
         {/* <Func_comp Data={data} /> */}
        
         <TouchableOpacity style={styles.btn} activeOpacity={0.8} 
         onPress={()=>{props.navigation.navigate('Login')}}>
             <Text style={styles.btnText}>Logout</Text>
         </TouchableOpacity> 

         <TouchableOpacity style={styles.btn} activeOpacity={0.8} onPress={()=>{props.navigation.navigate('FlatList3')}}>
             <Text style={styles.btnText}>Flat List</Text>
         </TouchableOpacity> 
        
         <TouchableOpacity style={styles.btnAPi} activeOpacity={0.8} onPress={()=>{
           props.navigation.navigate('FlatList_Api')}}>
             <Text style={styles.btnText}>Flat List with Api</Text>
         </TouchableOpacity>
  
         <TouchableOpacity 
         style={styles.btnFormValid} activeOpacity={0.8}
          onPress={()=>{
           props.navigation.navigate('FormValidate')}}
           >
             <Text style={styles.btnText}>Form Validation</Text>
         </TouchableOpacity>
         
         <Text>{route}</Text>

        
      </View>
    )
  }

  const styles = StyleSheet.create
  ({
    btnFormValid:
    {
      marginTop: 10,
      backgroundColor: "purple",
      height: 50,
      width: 130,
      justifyContent:'center',
      alignItems:'center',
      alignSelf:'center'
    },
      btnAPi:
      {
        marginTop: 10,
        backgroundColor: "red",
        height: 50,
        width: 70,
        justifyContent:'center',
        alignItems:'center',
        alignSelf:'center'
      },
      btn:{
          marginTop: 10,
          backgroundColor: "maroon",
          height: 50,
          width: 70,
          justifyContent:'center',
          alignItems:'center',
          alignSelf:'center'
      },
      btnText:{
          color: 'white',
          fontSize: 15
      }


  })
  export default Home

Similiar Collections

Python strftime reference pandas.Period.strftime python - Formatting Quarter time in pandas columns - Stack Overflow python - Pandas: Change day - Stack Overflow python - Check if multiple columns exist in a df - Stack Overflow Pandas DataFrame apply() - sending arguments examples python - How to filter a dataframe of dates by a particular month/day? - Stack Overflow python - replace a value in the entire pandas data frame - Stack Overflow python - Replacing blank values (white space) with NaN in pandas - Stack Overflow python - get list from pandas dataframe column - Stack Overflow python - How to drop rows of Pandas DataFrame whose value in a certain column is NaN - Stack Overflow python - How to drop rows of Pandas DataFrame whose value in a certain column is NaN - Stack Overflow python - How to lowercase a pandas dataframe string column if it has missing values? - Stack Overflow How to Convert Integers to Strings in Pandas DataFrame - Data to Fish How to Convert Integers to Strings in Pandas DataFrame - Data to Fish create a dictionary of two pandas Dataframe columns? - Stack Overflow python - ValueError: No axis named node2 for object type <class 'pandas.core.frame.DataFrame'> - Stack Overflow Python Pandas iterate over rows and access column names - Stack Overflow python - Creating dataframe from a dictionary where entries have different lengths - Stack Overflow python - Deleting DataFrame row in Pandas based on column value - Stack Overflow python - How to check if a column exists in Pandas - Stack Overflow python - Import pandas dataframe column as string not int - Stack Overflow python - What is the most efficient way to create a dictionary of two pandas Dataframe columns? - Stack Overflow Python Loop through Excel sheets, place into one df - Stack Overflow python - How do I get the row count of a Pandas DataFrame? - Stack Overflow python - How to save a new sheet in an existing excel file, using Pandas? - Stack Overflow Python Loop through Excel sheets, place into one df - Stack Overflow How do I select a subset of a DataFrame? — pandas 1.2.4 documentation python - Delete column from pandas DataFrame - Stack Overflow python - Convert list of dictionaries to a pandas DataFrame - Stack Overflow How to Add or Insert Row to Pandas DataFrame? - Python Examples python - Check if a value exists in pandas dataframe index - Stack Overflow python - Set value for particular cell in pandas DataFrame using index - Stack Overflow python - Pandas Dataframe How to cut off float decimal points without rounding? - Stack Overflow python - Pandas: Change day - Stack Overflow python - Clean way to convert quarterly periods to datetime in pandas - Stack Overflow Pandas - Number of Months Between Two Dates - Stack Overflow python - MonthEnd object result in <11 * MonthEnds> instead of number - Stack Overflow python - Extracting the first day of month of a datetime type column in pandas - Stack Overflow
כמה עוד נשאר למשלוח חינם גם לעגלה ולצקאאוט הוספת צ'קבוקס לאישור דיוור בצ'קאאוט הסתרת אפשרויות משלוח אחרות כאשר משלוח חינם זמין דילוג על מילוי כתובת במקרה שנבחרה אפשרות איסוף עצמי הוספת צ'קבוקס לאישור דיוור בצ'קאאוט שינוי האפשרויות בתפריט ה-סידור לפי בווקומרס שינוי הטקסט "אזל מהמלאי" הערה אישית לסוף עמוד העגלה הגבלת רכישה לכל המוצרים למקסימום 1 מכל מוצר קבלת שם המוצר לפי ה-ID בעזרת שורטקוד הוספת כפתור וואטסאפ לקנייה בלופ ארכיון מוצרים הפיכה של מיקוד בצ'קאאוט ללא חובה מעבר ישיר לצ'קאאוט בלחיתה על הוספה לסל (דילוג עגלה) התראה לקבלת משלוח חינם בדף עגלת הקניות גרסה 1 התראה לקבלת משלוח חינם בדף עגלת הקניות גרסה 2 קביעה של מחיר הזמנה מינימלי (מוצג בעגלה ובצ'קאאוט) העברת קוד הקופון ל-ORDER REVIEW העברת קוד הקופון ל-ORDER REVIEW Kadence WooCommerce Email Designer קביעת פונט אסיסנט לכל המייל בתוסף מוצרים שאזלו מהמלאי - יופיעו מסומנים באתר, אבל בתחתית הארכיון הוספת כפתור "קנה עכשיו" למוצרים הסתרת אפשרויות משלוח אחרות כאשר משלוח חינם זמין שיטה 2 שינוי סימן מטבע ש"ח ל-ILS להפוך סטטוס הזמנה מ"השהייה" ל"הושלם" באופן אוטומטי תצוגת הנחה באחוזים שינוי טקסט "בחר אפשרויות" במוצרים עם וריאציות חיפוש מוצר לפי מק"ט שינוי תמונת מוצר לפי וריאציה אחרי בחירה של וריאציה אחת במקרה של וריאציות מרובות הנחה קבועה לפי תפקיד בתעריף קבוע הנחה קבועה לפי תפקיד באחוזים הסרה של שדות משלוח לקבצים וירטואליים הסתרת טאבים מעמוד מוצר הצגת תגית "אזל מהמלאי" בלופ המוצרים להפוך שדות ל-לא חובה בצ'קאאוט שינוי טקסט "אזל מהמלאי" לוריאציות שינוי צבע ההודעות המובנות של ווקומרס הצגת ה-ID של קטגוריות המוצרים בעמוד הקטגוריות אזל מהמלאי- שינוי ההודעה, תגית בלופ, הודעה בדף המוצר והוספת אזל מהמלאי על וריאציה הוספת שדה מחיר ספק לדף העריכה שינוי טקסט אזל מהמלאי