fix(Picker): Watch for skin property changes

[susnux]

Currently changes of properties, especially the skin prop, are not reactive.
Meaning you have to close and reload the picker if you change the prop.

So this watches on the prop so that you can modify it and the picker will react (e.g. we want to have the skin tone selector next to the search). Which works and looks like this for us:

vokoscreenNG-2024-01-22_01-32-48.mp4

[serebrov]

@susnux Thanks for the PR!

Could you explain the problem a bit more? Checking in the demo app, the skin tone changes applied instantly:

Screen.Recording.2024-01-27.at.13.17.22.mov

The skin selector is in the separate component, Preview and it calls the onSkinChange() that also updates the activeSkin property. So I feel like the actual problem is not that properties are not reactive, but that skin goes out of sync with activeSkin.

Either way, the solution to watch for skin change and call onSkinChange automatically seems appropriate and I will merge the PR and release a new version.

[serebrov]

I released version 15.0.1 with this fix.

[susnux]

Could you explain the problem a bit more? Checking in the demo app, the skin tone changes applied instantly:

Because in the default picker the skin selector is provided the onSkinChange function directly which then reacts to the skin change.

But if you have an external skin change by prop then it is not reactive (before this change here).

I released version 15.0.1 with this fix.

Thank you very much 🚀