Ionic Angular Back Button - How to customize the hardware back button in Ionic Angular

Опубликовано: 28 Октябрь 2024
на канале: Code Swag
19,262
231

In this Ionic Back Button tutorial, we are going to look at how to run custom code when the back button is clicked in an Ionic Angular Android app. We will implement code to get the back button working, to close our app using the back button, and finally how to place the software back button in the toolbar using the ion-back-button component.

Click the timestamp links below to skip to the part that you are interested in. As always this video is brought to you by our generous supporters on Patreon, please consider supporting us for as little as $1 at   / codeswag  

How to install Ionic Development Environment -    • How to install Ionic 5 development en...  

CONTENTS

00:00 - Intro
00:56 - what we want to build
02:02 - Create a new Ionic App
04:33 - Project File Structure & Test Run in Android Emulator
06:50 - Default app running in Android Emulator
08:09 - Generate a second page
09:53 - Customizing the hardware back button - code & detailed explanation
15:27 - DEMO - Custom back button code in action
16:29 - Customizing the hardware back button - code to exit the app

Support codeswag on Patreon -   / codeswag  

Social Media Links
-------------------------------

Facebook -   / codeswag.co.uk  
Twitter -   / charisthecoder  
Instagram -   / codeswag.co.uk  

Support codeswag on Patreon -   / codeswag  

Please support this channel by buying some awesome tech gadgets for yourself or a loved one from our online store at www.codeswag.co.uk/shop