I'm trying to animate the height of the wave but nothing happens. In the snack example below, as the number increases in the circular progress, I also want the height of the wave to animate.

You can check the code here: (switch to android device)
https://snack.expo.io/TTnl3Jdqs

v2.0.0 PLAN

• 🎨 Redesign component - ✅

  • ⚡️ Wave

  • ✨ WaveBackground

  • ✨ Tide

• 🏷 Written in typescript - ✅

• 📝 Document / API Ref

• 💡 Example

Hello,

I would like to know if it is possible to change the wave's movement direction?

Left to Right instead of Right to left

Thank you

Hi there, I'm new to react native, what I want to do in my project is I would like to make the button with a background of water wave, is there any suggestion to make it? Or is there any way to add a label in the middle of the water wave?

Hello,

When displaying the wave on a full screen (tested on iphone 7plus) It seems that the continuation of the wave image is cut, interrupted.

Could you please advise?

Thank you

Can you show full example code to apply this library? Im so confuse with the object waveRect.

I noticed very poor rendering performance with setWaterHeight while rendered. On the simulator it updates smoothly, however on the actual device it's not smooth at all.

if i set width of wave to 250 (in my case) then after 3sec waves end and show white background and after almost half sec starts new wave,

It's good only if I call setWaterHeightfunction in ref callback.

                    <Wave ref={(wave) => wave && wave.setWaterHeight(150 * score / scoreTotal)}
                        style={{ width: 150, aspectRatio: 1, overflow: 'hidden', backgroundColor: '#FEB25780', borderRadius: 75 }}
                        H={150 * score / scoreTotal} animated={true} waveParams={[
                            { A: 10, T: 180, fill: '#FEB25780' },
                            { A: 10, T: 180, fill: '#FEB25780' },
                            { A: 10, T: 180, fill: '#FEB25780' },
                        ]}
                    />