Skip to content

Instantly share code, notes, and snippets.

@jondot
Created January 14, 2016 16:49
Show Gist options
  • Select an option

  • Save jondot/1317ee27bab54c482e87 to your computer and use it in GitHub Desktop.

Select an option

Save jondot/1317ee27bab54c482e87 to your computer and use it in GitHub Desktop.
ios keyboard bezier
  onKeyboardWillHide(e) {
    Animated.timing(this.state.height, {
      toValue: this.listViewMaxHeight,
      duration: e.duration,
      easing: Easing.bezier(0.1, 0.76, 0.55, 0.9)
    }).start();
  },

  onKeyboardWillShow(e) {
    Animated.timing(this.state.height, {
      toValue: this.listViewMaxHeight - (e.endCoordinates ? e.endCoordinates.height : e.end.height),
      duration: e.duration,
      easing: Easing.bezier(0.1, 0.76, 0.55, 0.9)
    }).start();
  },
@jondot

jondot commented Jan 14, 2016

Copy link
Copy Markdown
Author

Better curves:

      easing: Easing.bezier(.17,.59,.4,.77)

@zachgibson

Copy link
Copy Markdown

Do you know anything about what easing is doing in this screenshot? You use e.duration, is there something in here to get the exact easing curve that the keyboard has?

image

@mattyclarkson

Copy link
Copy Markdown

@romchambe

Copy link
Copy Markdown

Thanks for that, very useful

@muuvmuuv

Copy link
Copy Markdown

Whats the duration?

@rockwotj

rockwotj commented Nov 7, 2022

Copy link
Copy Markdown

@JacobJaffe

Copy link
Copy Markdown

Still works great. Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment