This is some really good work you did here mate. I just advised my team to use your package instead of material and picker. Well done, you also gained a new subscriber.
My team is now using this since it is the only dropdown package I found which works properly with react native's modals and it is beautiful and easily costumizable. Thanks a lot for your effort and your work. Great job!
Great job man! , I have been searching for a solution to this for hours, and thank God I got here. It works really good. If you just add the autoclose when one clicks outside the dropdown, it will be perfect. Thank you for your good work.
How to make dependant drop down lists with this package? like country selected in one list and we have option for cities in next select field. changing the country changes list of cities. please make a video on that. there is no such video on TH-cam.
@@danishamindar Hi I tested it, in yourAction(), I have some alerts and user need to choose the next move. It seems like setTest('') executes at the same time with yourAction(), and finishes before user can choose anything. is there anyway to make it run after yourAction() is finished? also, I dont quite understand why setting a useState variable can change the status of the picker. I tried setting setTest('') with another button, but the picker did not get reset. thank u for the time, for im asking quite some noob questions.
Love this library ... Great job! Thanks for creating it. It's the best one I've seen. One question: When I use dropdownStyles to set height of dropdown it doesn't seem to change the default height. Any ideas?
Wow, your work is amazing, I started using it and found the lib very good, congratulations! 🎉😁 But I have a question, don't you have a property to select multiple items?
@@danishamindar Wooow Amazing again!!! Thanks for answered, and soo fast. I look forward to the release of this new version, and congratulations again. 😁🙌
@@danishamindar, hello! First of all, I want to congratulate you on this incredible package! Great job! Second, I see that you were asked about the multiple selections and you said (6 days ago) that an update regarding this feature will be rolled out that night. However, I looked at your versions and the last version you rolled out appears to be 1.0.23 (18 days ago from when I'm writing this comment). Does your package currently support multiple selections? If it does, can you tell me how I could achieve that behaviour? Thank you in advance and keep up the good work!
Hi, I tried implement inside a component and have a pressable below it, but when I expand the dropdown, it force the pressable go below dropdown instead of covering it
Thank you for making this! Is there a way to clear the selected/selected items after selecting them? For example, you want to reset the dropdown to its initial state
Well done with the package, that is excatly what I am looking for. Thanks man for supporting the community. I have a question do we have option to disable search.
Hey Danish, I think the SelectList looks wonderful. There's just one thing I have not been able to figure out. Is it possible to programatically set the selected item and have the UI update to reflect that?
Hei. Great drip down thank you. How do you make the drop down open with the current select value in the middle of the list? For example if you have ten things in the drop down and select number 9. When you open the drop down again if you wanted to select number 10 then you have to scroll because the list opens at number one, rather than putting the previously selected 9 in the middle for example and then it would be easy to select 10. Or 8. Hope the question makes sense. Warm wishes
Thank you! really usefull, i have a question I am trying to chenge a state dependind if the list is focused or not, like this setIsFocused(true)} onBlur={() => setIsFocused(false)} /> it would need a new implementation or I am doing it wrong? I am already suscribed :)
@@danishamindar thank for the fast answer, what I whant to do is change boxStyles styles when I am looking the options, is there a way to use "dropdownShow " for that?
@@danishamindar So that one of the options in the drop down in grey-ed out and cannot be selected. For example, if an item is out of stock and we need to prevent the user from selecting it. Thank you!
You can actually take the full control of its open/close state and functions yourself,. You just have to pass a prop dropdownShow={false} and control that with a state variable and trigger your functions when the state changes
How do you set up the initial selected value if you prefer to set the default value. I can get it to make a new selection but cannot get it to display the "currently set selection"????
This is really cool. I have one suggestion. If the item we are searching for is not in the dropdown list, it should have an option to call a function or provide a functionality of onChange. I didn't find anything similar to this in the documentation. In case I missed it in the documnentaion, please let me know. Otherwise awesome implementation.
@@danishamindar I believe what manavsharma is suggesting is that if the dropdown lists are empty or null after a user's search, a function should be called to add the searched text to the object, so that it can be included.
@@danishamindar Yes, I think that suggestion would be helpful, especially for users who have custom inputs that don't exist on a list, like specific interests. This would allow them to add their desired inputs to the object, which would improve the overall user experience.
@@DevRSC This is what I want in my case. But generally a function should be there to be called when a value is selected. Leave it to programmer what he/she wants to perform in that callback function.
could you add the possibility of changing the slide down/up animation speed, and pass an icon when the dropwdown is open and another one when the dropwdown is closed? how can i check if dropwdown is closed or when it is open?
@@danishamindar Hi Danish, this librairy save my life...but still 3 more options needed : 1 - the way of changing the text "search" and maybe the icone, 2 - the way of changing the text no data found, 3 - implementing the autoclose, 4 - maybe put a z-index on this select list which allow us to avoid pushing down the rest of the content. Is there a link where we can found the complete documentation? does the new version already release? Thank you dude.
@Danish Amin great work. I have a question could you make the schema flexible meaning since data we pass might not match the names can define a prop where we match schema names. For example schema{{key: 'assignedPropertyA, value: 'assignedPropertyB}}? . This gives users to match the properties to key and value fields.
Thank you for your awesome work!👏 Just a question: how to handle a very very long list of items? Is there some lazy loading? Right now it crash.😅 Thank you
@@giusepperavida3533 these components rely on scrollview and lazy loading 50 or 60 per api call is not efficient in that, FlatList needs to be used , so this package won't perform the expected behaviour , i can help you out but that will be a paid task
Hi Danish, well deserved sub, great package, thanks! I have a question: Is there a way to replace "search" text after click? I would like to adjust it to my language :) Also, since there is no "out of focus" functionality that automatically closes the list, I added a dummy value as a first option, user can then choose it and the list will close. It has the same value as placeholder. It's not perfect, but it's ok for now. Maybe someone will use this workaround. Anyway, thanks again, great work, super easy to use.
Will publish an update soon which will give you option to change search text and will implement autoclose on click outside the dropdown, Thanks for raising these questions 👍
Is there an onPress flag? How could I check if the dropdown is open or not, I understand the onSelect, but I don't see a way to know if the list was opened or not, this could be useful for dynamic icons when checking if the list is open or not
AoA man, it's really helpfull and easy, but am newbie here also, I wanna know if I select the dropdown it show appear over the view box that its lower to this view. (maybe i didn't explain my question in best way,,,,,)
Hey there! I'm using this component in my react native app. I want to close the dropdown whenever I move to another screen and set it to its placeholder value. Is there any way to do this? Please let me know, it would be a great help to me, Thanks
@@danishamindar ah I was just about to come back to update the comment after looking at the examples. Great job, This needs to replace the community picker 😁
Good job friend, but I have a problem, the multiple select is not working for me to set default values with "defaultOption", I tried with an array of objects with the "key" "value" pair and I had no luck, I also tried with a only object and nothing. Thank you.
if there could be a onTap event that we could hook into so that we can set the open/close of other possible dropdowns then that would make responsiveness better.
Danish I love your product but ran into a serious problem recently. When coupled with a project that uses TailwindCSS I get the following error: Use process(css).then(cb) to work with async plugins. Any suggestions?
Hello! I am a newbie and trying to use this within a modal and it does not seem to work in cases where you are trying to use both formik and modal. if you use onSelect={props.handleChange('some variable'), it does not seem to update said variable upon being selected?
@@ramkumarm7180 Please Check the new documentation here www.npmjs.com/package/react-native-dropdown-select-list i have illustrated how you can fetch options from server, please update the package to the new version and do subscribe the channel
How do you implement disabled selectlist? i don't want dropdown to open when a boolean state is false, only solution i can see is conditional rendering but i want disabled dropdown menu , can we do that with this library?
if there's another selectlist beneath the upper select list when the upper one is clicked will it cover the bottom select list because I'm having that issue using dropdownpicker
Hello friend, I appreciate your video, it helped me, but I couldn't clean or restore the select to its initial state when I save the changes, can you help me?
Its very good idea, i will roll this out in a update tonight, i will provide you a function similar to onChange and once that is triggered you can set the values of other selectlist with that
I have implemented your suggestion in the update i just rolled out, now you can update the package and pass a prop named onSelect in which you can pass any function which will help you call for values for another dropdown from server. 🎈🎈
why if I give state a value from db, the selectlist doesn't change. how do you make the selectlist get the value when the state gets the value without having to select in the selectlist
When I am trying to type for a search, It does not allow me to type in the search field also it's not showing the search icon and search field... Only me facing these issues?
please, is it possible to remove the space between the input above and dropdown below? there is the same space in dropdownpicker librairie and i want to remove it
@@AleksandrNeo Firstly you need to create two Sibling Views inside then put your dropdowns , pass position: absolute to the boxStyles of the input you want to overlap, and then give first sibling zIndex:50 and the other sibling zIndex of 49 or lower, this will make the dropdown come over the View below it.
Hi Danish, sorry for bother you but I'm quite new in react native. When I try to use your component like in your video I'm receiving the following error "JSX element type 'SelectList' does not have any construct or call signatures.ts(2604)" . How can I solve this problem? The component is working fin but visual studio is showing that error.
Hello, first I wanted to thank you for the work you have done. It's a great job. I do have a question though. Can you explain to me how to use it with React Hook Form? I'm a new developer 🙂
This is some really good work you did here mate. I just advised my team to use your package instead of material and picker. Well done, you also gained a new subscriber.
Spirit++ , Thanks 🎈
My team is now using this since it is the only dropdown package I found which works properly with react native's modals and it is beautiful and easily costumizable.
Thanks a lot for your effort and your work. Great job!
Lifted My Spirits 💪
With this level of commitment you have, this package will be very useful . Because you read, listen and respond to comments.
God bless
So nice of you
This package is very great!
It has been a week now have been looking for a good select dropdown
It has really helped me thanks
Happy to help
Really a piece of cake man, thanks for the energy involve in this work, it is really useful
Thanks for your feedback 🎈
Give it a Star ⭐ on Github ❣️
@@danishamindar Done
Thanks 🙏
Brother, how you felt my pain. thank you so much!
Great job man! , I have been searching for a solution to this for hours, and thank God I got here. It works really good. If you just add the autoclose when one clicks outside the dropdown, it will be perfect. Thank you for your good work.
Sure , will definitely implement that
do subscribe
That's the first thing I did, before I even commented.
Thanks for your support
Congrats ! I started right before covid when the recession Nice tutorialt. I held those stocks and made a killing. I bought dividend stocks and made a
is there a way to make the dropdown box stay on top of other views( in a z-Index) instead of pushing them down?
This is awesome. Is it possible to reset a drop down box so it is no longer selected e.g. reset form
Hi Danish, this package is insane, thanks for the help man!
Thanks for your feedback 🎈
@@danishamindar Hey man, sorry for bothering you, but it is possible to generate like 250 numbers and use them with the dropdown?
@@gaabbriell Yes 250 will be alright
Finally a library that does it clearly.
Thanks buddy I’ll star and watch this on github.
Subed already.
Greetings from Tanzania 🇹🇿
Thanks a lot my brother. This is most significant for me ❤ keep it up your tutorials ❤
How to make dependant drop down lists with this package? like country selected in one list and we have option for cities in next select field. changing the country changes list of cities. please make a video on that. there is no such video on TH-cam.
Sure
Thank you so much I’m making soft so fast now back then I was confused, thanks
Sick package, is there a way to select an item in the code? if not how do I deal with deleting the selected item?
Thanks a lot for your effort and your work. Great job ❤
Thanks 🙏
Very neat and easy to use library, congrats. The only thing I miss here is a style for the selected item in the dropdown list
Good tip! will implement it in next release
thx man, Iv also tried lots of pickers, your picker is the best one
Thanks 🎈
@@danishamindar and may i ask how to reset the picker after i select some option and finish the trigger function?
const [ test, setTest ] = useState('');
setSelected={ (val) => {
yourAction();
setTest('')
}}
@@danishamindar Hi I tested it, in yourAction(), I have some alerts and user need to choose the next move. It seems like setTest('') executes at the same time with yourAction(), and finishes before user can choose anything.
is there anyway to make it run after yourAction() is finished?
also, I dont quite understand why setting a useState variable can change the status of the picker. I tried setting setTest('') with another button, but the picker did not get reset.
thank u for the time, for im asking quite some noob questions.
@@danishamindar I checked the document again, should I put yourAction() in onSelect, and the reset function setTest('') in setSetSelected?
You're the best bro, one love man
Love this library ... Great job! Thanks for creating it. It's the best one I've seen. One question: When I use dropdownStyles to set height of dropdown it doesn't seem to change the default height. Any ideas?
Nevermind, I used maxHeight prop.
There is a separate prop for maxHeight
Just tested out, working smoothly
hi @Danish great work. Is there a support for styling for box after the item is selected. For me its occupying the maximum width.
boxStyles
Wow, your work is amazing, I started using it and found the lib very good, congratulations! 🎉😁
But I have a question, don't you have a property to select multiple items?
Yes , Update will be rolled out tonight
@@danishamindar Wooow Amazing again!!! Thanks for answered, and soo fast. I look forward to the release of this new version, and congratulations again. 😁🙌
@@danishamindar, hello! First of all, I want to congratulate you on this incredible package! Great job! Second, I see that you were asked about the multiple selections and you said (6 days ago) that an update regarding this feature will be rolled out that night. However, I looked at your versions and the last version you rolled out appears to be 1.0.23 (18 days ago from when I'm writing this comment). Does your package currently support multiple selections? If it does, can you tell me how I could achieve that behaviour? Thank you in advance and keep up the good work!
v2 is available now
Hi, I tried implement inside a component and have a pressable below it, but when I expand the dropdown, it force the pressable go below dropdown instead of covering it
Because its not absolute positioned , it will not go over any view
@@danishamindar Bro, sorry to bother again, but I have the same question, wich of the style props do i need to use to put the absolute position?
I also try wraping the component in a View with absolute position but didnt work
@@j0s3805 boxStyles
@@danishamindar I did it and still push my text on the top :/
Great video man! Thanks for making this!!
This might be a dumb question.. How can I load a local image into the arrowicon prop?
arrowicon={}
Thank you for making this! Is there a way to clear the selected/selected items after selecting them? For example, you want to reset the dropdown to its initial state
It's amazing my friend. Great job!
Thanks Man
It is possible to maintain the selected value after changing screen then back to the screen with that SelectList?
Hi, thanks for the component, How can I put the value of the selected option in another variable?
setSelected={ (val) => do any thing with this val }
For Multiple Select List Watch This th-cam.com/video/3H_HEBrbkLs/w-d-xo.html
@@danishamindar Do I need to install the last version of the component?
I'm using the component inside a Formik component, I'm trying to put the the selected value on a Initial Value but its bugged :/
Can I share my code?
Good video and very good package, thank man !
Welcomed ❤️
Thank you for this video, it was very informative.
Happy to help 🎈
Hello, great work. A question, how do i align the arrow icon to the left instead of the default right position?
very very helpful, i love it. i use it.
so nice, thank you so much for this. Can I check if there is a way to decrease the padding of this drop down menu?
thank you so much it is really amazing package
Well done with the package, that is excatly what I am looking for. Thanks man for supporting the community.
I have a question do we have option to disable search.
Currently it doesn't, but if you want i can provide this functionality in next update, which i will release later tonight
I have published the update, you can now update the package and after that set search={false} to remove search functionality
Clearly legend you are. Thanks helped a lot
Happy to help 👍, please do subscribe
Thank you very very much, this helped me a lot.
Happy to help
This list is so amazing, what a time saver thank you
A quick question can you leave the list without selecting an item?
Yes , in new version 1.0.23 you can do it by pressing close icon
Than you so much
Happy to help 🎈
Hey Danish, I think the SelectList looks wonderful. There's just one thing I have not been able to figure out. Is it possible to programatically set the selected item and have the UI update to reflect that?
This is great. Thanks for this! 🥳
Welcomed ❤️
Hei. Great drip down thank you. How do you make the drop down open with the current select value in the middle of the list? For example if you have ten things in the drop down and select number 9. When you open the drop down again if you wanted to select number 10 then you have to scroll because the list opens at number one, rather than putting the previously selected 9 in the middle for example and then it would be easy to select 10. Or 8. Hope the question makes sense. Warm wishes
Thank you! really usefull, i have a question I am trying to chenge a state dependind if the list is focused or not, like this
setIsFocused(true)}
onBlur={() => setIsFocused(false)}
/>
it would need a new implementation or I am doing it wrong?
I am already suscribed :)
Actually there is no such thing like blur and focus for selectlists but there is prop named dropdownShow which controls on and off state of dropdown
@@danishamindar thank for the fast answer, what I whant to do is change boxStyles styles when I am looking the options, is there a way to use "dropdownShow " for that?
What you can do is store the boolean in a state variable and pass it to dropdownShown and pass conditional styles to boxStyles
@@danishamindar thankyouu I will try that
@@jimenakatu1178 if u require my help, im here
Thank you, this was super helpful! Is there an option to disable selection for one of the values in the list?
Do you mean a disabled dropdown option
@@danishamindar So that one of the options in the drop down in grey-ed out and cannot be selected. For example, if an item is out of stock and we need to prevent the user from selecting it. Thank you!
@Danish Thanks for your great work! I have a question here: Is there a event to tell us that the dropdown is opened ? Thank you!
You can actually take the full control of its open/close state and functions yourself,.
You just have to pass a prop dropdownShow={false} and control that with a state variable and trigger your functions when the state changes
If it sounds complicated reply back so i can give you an easy example
Great Work man... How can I reset to initial state with the value of placeholder ?
The defaultOptions of MultipleSelectList not work
Nice work, thank you. 👍
ThankYou 🎈
How do you set up the initial selected value if you prefer to set the default value. I can get it to make a new selection but cannot get it to display the "currently set selection"????
I have the same problem, I'm going to change libraries
This is really cool. I have one suggestion. If the item we are searching for is not in the dropdown list, it should have an option to call a function or provide a functionality of onChange. I didn't find anything similar to this in the documentation. In case I missed it in the documnentaion, please let me know. Otherwise awesome implementation.
What do you expect that function to do?
@@danishamindar I believe what manavsharma is suggesting is that if the dropdown lists are empty or null after a user's search, a function should be called to add the searched text to the object, so that it can be included.
Do you think that will be useful ?
@@danishamindar Yes, I think that suggestion would be helpful, especially for users who have custom inputs that don't exist on a list, like specific interests. This would allow them to add their desired inputs to the object, which would improve the overall user experience.
@@DevRSC This is what I want in my case. But generally a function should be there to be called when a value is selected. Leave it to programmer what he/she wants to perform in that callback function.
could you add the possibility of changing the slide down/up animation speed, and pass an icon when the dropwdown is open and another one when the dropwdown is closed?
how can i check if dropwdown is closed or when it is open?
Hello, Danish! Thank you, I like it so much! Is it possible also add a prop, that can change "No data found" text?
Thanks for raising this question, Its already implemented but will be available in new version which will be rolled out on friday.
@@danishamindar Hi Danish, this librairy save my life...but still 3 more options needed : 1 - the way of changing the text "search" and maybe the icone, 2 - the way of changing the text no data found, 3 - implementing the autoclose, 4 - maybe put a z-index on this select list which allow us to avoid pushing down the rest of the content. Is there a link where we can found the complete documentation? does the new version already release? Thank you dude.
@@m__link6499 new update coming with all these functionalities may be tonight
@@danishamindar oh my god…..How should we inform ? Where could we check the update?
v2 is available now
@Danish Amin great work. I have a question could you make the schema flexible meaning since data we pass might not match the names can define a prop where we match schema names. For example schema{{key: 'assignedPropertyA, value: 'assignedPropertyB}}? . This gives users to match the properties to key and value fields.
Keep it up , good practice . How to change the border color of the drop down?
dropdownStyles={{borderColor:'red'}}
Thank you for your awesome work!👏 Just a question: how to handle a very very long list of items? Is there some lazy loading? Right now it crash.😅 Thank you
How many ?
@@danishamindar well…thousands. Suppose a list of municipalities of a country, for example
@@giusepperavida3533 these components rely on scrollview and lazy loading 50 or 60 per api call is not efficient in that, FlatList needs to be used , so this package won't perform the expected behaviour , i can help you out but that will be a paid task
Hi Danish,
well deserved sub, great package, thanks!
I have a question:
Is there a way to replace "search" text after click? I would like to adjust it to my language :)
Also, since there is no "out of focus" functionality that automatically closes the list, I added a dummy value as a first option, user can then choose it and the list will close. It has the same value as placeholder. It's not perfect, but it's ok for now. Maybe someone will use this workaround.
Anyway, thanks again, great work, super easy to use.
Will publish an update soon which will give you option to change search text and will implement autoclose on click outside the dropdown,
Thanks for raising these questions 👍
@@danishamindar have you done this yet? (implement autoclose on click outside the dropdown)
hello! could you upload your code to be able to close automatically, please?
@@darinkaquinones4643 please wait for a day, new update will be available soon
@@danishamindar thanks! but this thursday I should present my project jajaj don't worry
Is there an onPress flag? How could I check if the dropdown is open or not, I understand the onSelect, but I don't see a way to know if the list was opened or not, this could be useful for dynamic icons when checking if the list is open or not
AoA man, it's really helpfull and easy, but am newbie here also, I wanna know if I select the dropdown it show appear over the view box that its lower to this view. (maybe i didn't explain my question in best way,,,,,)
It will not get over that, it will adjust its height in animated way
@@danishamindar used zIndex..
nd what if i wanted to highlight or give different color to selected option?
dropdownItemStyles
@@danishamindar only selected not to all, i used this style
Thank you for this Danish🔥
This video was totally helpfull
Thanks Man 👍
Hey there! I'm using this component in my react native app. I want to close the dropdown whenever I move to another screen and set it to its placeholder value. Is there any way to do this? Please let me know, it would be a great help to me, Thanks
great video, how do i get rid of the side arrow?
Try passing empty fragment to arrowicon
arrowicon={}
@@danishamindar thanks! I ended up doing and that worked
openとcloseの速度を上げたいのですが、どうすれば良いでしょうか
very good work, could you add the option to disable search
Its already there
search={false}
@@danishamindar ah I was just about to come back to update the comment after looking at the examples. Great job, This needs to replace the community picker 😁
Hello, how would i go about changing so the dropdown menu doesnt affect other elements (move them) but just goes on top of elements?
Make me understand
Can we hightlight the selected ITEM ??
It would be amazing.
You can't yet, but your idea is good, i will implement it in upcoming version
Good job friend, but I have a problem, the multiple select is not working for me to set default values with "defaultOption", I tried with an array of objects with the "key" "value" pair and I had no luck, I also tried with a only object and nothing. Thank you.
boxStyles is not working. what should I do to make it working. please reply
Can it be customized to have a picture on the front?
so how do you handle the responsiveness of this component if you want to have multiple dropdowns on one screen?
if there could be a onTap event that we could hook into so that we can set the open/close of other possible dropdowns then that would make responsiveness better.
Danish I love your product but ran into a serious problem recently. When coupled with a project that uses TailwindCSS I get the following error:
Use process(css).then(cb) to work with async plugins.
Any suggestions?
are you sure this is happening because of this package ?
Very easy, Thanks my man
Happy to help pal
Hello! I am a newbie and trying to use this within a modal and it does not seem to work in cases where you are trying to use both formik and modal. if you use onSelect={props.handleChange('some variable'), it does not seem to update said variable upon being selected?
Hi, its working fine with the hard coded data key and value. But i have map array of object how can i work with package.
Do you have to fetch them from server
@@danishamindar yes. thanks for your response
@@ramkumarm7180 Please Check the new documentation here www.npmjs.com/package/react-native-dropdown-select-list i have illustrated how you can fetch options from server, please update the package to the new version and do subscribe the channel
@@danishamindar hi, thanks. as of now there is no multiselect added in this package, right.
@@ramkumarm7180 Multiple Select Support Will be added soon
Thank you soo much
How do you implement disabled selectlist? i don't want dropdown to open when a boolean state is false, only solution i can see is conditional rendering but i want disabled dropdown menu , can we do that with this library?
if there's another selectlist beneath the upper select list when the upper one is clicked will it cover the bottom select list because I'm having that issue using dropdownpicker
Hello friend, I appreciate your video, it helped me, but I couldn't clean or restore the select to its initial state when I save the changes, can you help me?
How can we use it in controllers of react-hook-form?
Love 🤩 it, Very Easy to use
Im very happy to see, so many people getting benifit of the package, thanks
Let me know if any help is needed
excellent work, a question how can you reset the list of those selected?
By setting its value to empty string
@@danishamindar for the multiple? [''] D:
Hey does this support a multi-select from the dropdown list or do you by any chance know how to create it?
i will soon be adding multi-select Component to it
@@danishamindar awesome dude, thank you for the reply!
how can i create multiple dropdown which is connected with each other for example country , states, district etc
Its very good idea, i will roll this out in a update tonight, i will provide you a function similar to onChange and once that is triggered you can set the values of other selectlist with that
I have implemented your suggestion in the update i just rolled out, now you can update the package and pass a prop named onSelect in which you can pass any function which will help you call for values for another dropdown from server. 🎈🎈
Bhai ek number
Thanks bhai 🎈
how can I highlight the selected item in single select mode?
Hello brother, is there a way to manually set the dropdown value programmatically by passing a prop. Can someone please help me.
in console.log it pass key not value what should i do?
Set key equal to your value
I have a list of more than thousand items which kill the performance, how to handle that in your package
Does that data come from api or locally
@@danishamindar any case possible (suppose pagination or load more is not possible)
Hi Danish,
Is there a way to change no data found to add a new data option?
Yes , it will be available in version 1.0.24 which be rolled out on sunday
@@danishamindar thanks, can you give a link to complete documentation of the component
Link is in the description
the dropdown is going behind the button component i created below the list. could u please help
Dont give height to their parent view
why if I give state a value from db, the selectlist doesn't change. how do you make the selectlist get the value when the state gets the value without having to select in the selectlist
When I am trying to type for a search, It does not allow me to type in the search field also it's not showing the search icon and search field... Only me facing these issues?
I have not checked in ts, don't worry i will check it in a while
@@danishamindar Ok if you can check it fast and let me know here it is urgent because I am using this in my project
🎈I have added ts support, please download new updated version, and please do subscribe
Can i change "No data found" text?
Can I ask what structure the data variable is? Is it a JSON? Record? Array?
Array with objects
@@danishamindar Thank you, I also get an "excessive number of pending callbacks" error, do you happen to have any idea why?
please, is it possible to remove the space between the input above and dropdown below? there is the same space in dropdownpicker librairie and i want to remove it
Yes its easy ,,,. You can do it with
dropdownStyles={{marginTop:0}}
yes get margin to 0
Can i set z-index for dropdownStyles? I have`t enought space and can`t see another block or my select list with data
Do you mean to say you want it to come over the next view
It is possible, if you want to overlap the Sibling View, but there is a catch, let me know first what you actually want to achieve
@@danishamindar on dropdown for select to over index another Select
@@AleksandrNeo Firstly you need to create two Sibling Views inside then put your dropdowns , pass position: absolute to the boxStyles of the input you want to overlap, and then give first sibling zIndex:50 and the other sibling zIndex of 49 or lower, this will make the dropdown come over the View below it.
@@danishamindar 💪💪💪
Hi Danish, sorry for bother you but I'm quite new in react native. When I try to use your component like in your video I'm receiving the following error "JSX element type 'SelectList' does not have any construct or call signatures.ts(2604)" . How can I solve this problem? The component is working fin but visual studio is showing that error.
I will look into it
fixed ✌
How can i use scroll inside the list?
How to set default value for this?
Hello, first I wanted to thank you for the work you have done. It's a great job.
I do have a question though.
Can you explain to me how to use it with React Hook Form?
I'm a new developer 🙂
if i get time this weekend, i will illustrate this on an expo snack, and will update you with the link
Thx Dude