cityselector

import React,{ useState} from 'react';
import { StyleSheet, Text, TextInput, View } from 'react-native';
import { Picker } from '@react-native-picker/picker'

const App=()=> {
  const [Region, setRegion] = useState("-");
  const [City, setCity] = useState("-");
  const CitySelector=()=>{
    if(Region==='punjab'){
       setCity(itemValue)}>
            
            
          
    }
    else if(Region==='sindh'){
       setCity(itemValue)}>
            
            
          
    }
  }
    return (
      
        
          Enter name:
          
        
        
          Enter Age:
          
        
        
          Enter Region:
           setRegion(itemValue)}>
            
            
          
        
        
          Enter City:
          
        

      
    );
};

const styles = StyleSheet.create({
  container: {
    flex:1,
    backgroundColor: '#fff',
    alignItems:'center',
    justifyContent:'center',
  },
  line:{
    flexDirection:'row',
    flex:0,
    marginBottom:10,
  },
  text:{
    flex:1,
  },
  input:{
    flex:1,
    width:70,
    height:20,
    borderBottomWidth:1,
    borderBottomColor:'#777',
  },
}
)
export default App;