ionic-enterprise / cs-demo-keyboard-animation

Customer Success Demo - shows custom keyboard animation

Demo Keyboard Animation

Show how to use certain keyboard events in order to improve the UX when displaying the keyboard on iOS.

For reference of what is happening here, have a look at our keyboard blog post. Specifically refer to the part pertaining to Ionic Keyboard Events.

Running the App

• clone the repo
• cd into the repo
• npm i
• npm run build
• npx cap sync
• npx cap open ios

Run it on your favorite iOS device.

When you click in the input to chat with Yoda, the animations involved with adjusting to the keyboard being displayed should be nice and smooth.

Code

The interesting code is in the HomePage class. Have a look at it.