diff --git a/components/SelectList.tsx b/components/SelectList.tsx index 5e7a6771..2d842c7f 100644 --- a/components/SelectList.tsx +++ b/components/SelectList.tsx @@ -11,6 +11,7 @@ import { } from 'react-native'; import { SelectListProps } from '..'; +import { AntDesign } from '@expo/vector-icons'; type L1Keys = { key?: any; value?: any; disabled?: boolean | undefined } @@ -74,6 +75,8 @@ const SelectList: React.FC = ({ React.useEffect(() => { + if(data.length>0) + data.unshift({ key: "000", value: "Clear" }) setFilteredData(data); },[data]) @@ -147,7 +150,10 @@ const SelectList: React.FC = ({ }} style={[{padding:0,height:20,flex:1,fontFamily},inputStyles]} /> - slideup()} > + { + setFilteredData(data) + slideup() + }} > { (!closeicon) @@ -207,6 +213,13 @@ const SelectList: React.FC = ({ }else{ return( { + if (key === "000") { + setSelected("") + setSelectedVal(""); + slideup() + setTimeout(() => { setFilteredData(data) }, 800) + return + } if(save === 'value'){ setSelected(value); }else{ @@ -218,7 +231,23 @@ const SelectList: React.FC = ({ setTimeout(() => {setFilteredData(data)}, 800) }}> - {value} + + + + {value} + + + + {key === "000" ? + + + : null} + + {value === selectedval && key !== "000" ? ( + + + + ) : null} ) }