feat: add keyboardHidesTabBarAnimationConfig props

[adrianha]

Motivation

Fixes #149
Add keyboardHidesTabBarAnimationConfig on TabBarOptions to modify keyboard animation

Test plan

Use this config as TabBarOptions:

tabBarOptions: {
  keyboardHidesTabBar: true,
  keyboardHidesTabBarAnimationConfig: {
    show: {
      animation: 'timing' | 'spring',
      config?: TimingKeyboardAnimationConfig | SpringKeyboardAnimationConfig
    },
    hide: {
      animation: 'timing' | 'spring',
      config?: TimingKeyboardAnimationConfig | SpringKeyboardAnimationConfig
    }
  }
}

[satya164]

Thanks for the PR.

I'd rather have something like keyboardHidesTabBarAnimationConfig which provides a custom animation e.g. { animation: timing, config: { duration: 0 } } so user can also adjust the animation.

[adrianha]

Noted. So i think there will be 2 configs for animations show and hide. What do you think @satya164 ?

[satya164]

I think we can make it an object with show/hide properties. We could have default value for both and shallow merge.

[adrianha]

Yeah, will update the PR

[adrianha]

just updated the config, but its only support timing animation for now. Any advice how to define types if i want to add decay or spring animation? since the config is different, eg: decay need velocity and doesnt have duration as a config. cc @satya164

edit:
is it okay to add lodash dependency to use merge to merge the config?

[adrianha]

after giving a thought, i guess timing is the only possible animation type for keyboard show/hide animation. Could we use decay or spring animation to handle this? i think custom duration should be enough. maybe something like this:

keyboardHidesTabBarAnimationConfig: {
  show: {
    duration: 150
  },
  hide: {
    duration: 100
  }
}

What do you think @satya164 ?

[satya164]

Sorry for the late reply, I was on holidays. Yeah we should support other animations as well (for example spring is a valid animation), but in that case, duration isn't a valid config. So we'd need to check the type of animation and add default duration only for timing.

The type definitions also need to be updated.

[adrianha]

@satya164 Just updated the PR

• Update type definitions; now support timing and spring animation
• Remove lodash

[adrianha]

Hi @satya164 , any suggestion or concern regarding the new updates?

[satya164]

Thanks for the updates!