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
Copy link
Copy Markdown
Author

jondot commented Jan 14, 2016

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
Copy link
Copy Markdown

rockwotj commented Nov 7, 2022

@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