How to Create a Stopwatch App in Flutter?

How to Use SystemNavigator.pop() to Exit App in Flutter?

Last Updated : 30 May, 2022

In many applications, we need force to close the entire application. So in this article, we are going to do the same. We can use the SystemNavigator.pop() to exit the application. There is no need for additional packages.

How to Use?

Import the library

First, we need to import the service package.

Dart

import 'package:flutter/services.dart';

Syntax

Dart

SystemNavigator.pop();

We will use the Text Button at to call the Navigator pop method that will end the user screen.

Code Example

Dart

import 'package:flutter/material.dart'; 
import 'package:flutter/services.dart'; 
  
// main app that calls the our main class 
void main() { 
  runApp(ExitAppRun()); 
} 
  
class ExitAppRun extends StatelessWidget { 
  @override 
  Widget build(BuildContext context) { 
    return MaterialApp(  
     debugShowCheckedModeBanner:false, 
     title: 'ExitApp', 
     // scaffold with appbar property 
     home: Scaffold(   
      // appbar with its title 
      appBar: AppBar(  
        title: Text('Exit App'), 
      ), 
      // in the center of the body  
      // we have a button as a child 
      body:Center(  
        child:TextButton.icon( 
          icon:Icon(Icons.close), 
          label:Text('Exit App'),  
          // onpressed we call the pop method,  
          // that will pop the current screen. 
          onPressed:(){  
            SystemNavigator.pop(); 
          },              
        ), 
       ), 
     ), 
    ); 
  } 
}

Output UI

Output UI

Code Explanation

Main Is The Principal Method Used To Run ExitAppRun Class When The Page Is Loaded.
Creating Class ExitAppRun, Stateless As There Is No Data Change After The Page Is Loaded (No State Change).
As Flutter Is Based On Widgets, We Need To Create One.
Creating A Material App That Takes Scaffold Allowing Us To Use AppBar And Body.
As An AppBar It Has An Simple Title.
As An Body, It Takes A Centered Button Once Pressed Will Close The App!

Output

How to Create a Stopwatch App in Flutter?

M

ms471841

Improve

Article Tags :

Dart
Flutter

Similar Reads

Routes and Navigator in Flutter

Route: Apps are the new trend. The number of apps available in the Play Store and App Store nowadays is quite a lot. The apps display their content in a full-screen container called pages or screens. In flutter, the pages or screens are called Routes. In android, these pages/screens are referred to

How to Create a Stopwatch App in Flutter?

In this article, we are going to create the stopwatch project using Flutter it looks like a very simple app but you have to use your logic and manage the state just because time change every second, and then you have to rerender the app every second. Step by Step ImplementationStep 1: First, we have

How to Dismiss the Virtual Keyboard in a Flutter App?

We all have faced situations after filling the text field the virtual keyboard does not go away automatically. We have to click on the back button of our smartphones to remove the virtual keyboard. So in this article, we will see how to dismiss the virtual keyboard in an app with just one tap. For t

How to Import Existing Flutter Project in Android Studio?

In this article, we are going to see the process of importing an existing flutter Project into the Android Studio. This is going to be quite easy, we just have to take care of some steps involved in it. Before going on the main topic let's have brief info about Flutter and Android Studio as well. Fl

Flutter - How to Use SVG Image

SVG (Scalable Vector Graphics) is a vector image format that can be used to create high-quality, resolution-independent graphics. In Flutter, you can use SVG images to display vector graphics in your app. To use SVG images in Flutter, you can use the Â flutter_svg package to display SVG images in Flu

How to Build a Simple Login App with Flutter?

To prevent unauthorized access to personal information, it is a good practice to authenticate users before granting access to websites, mobile applications, and computer applications after they can register and then log in. In this article, we are going to explain how to build a Design Login page us

How to Move Camera to any Position in Google Maps in Flutter?

Google Maps is of the most used application nowadays for navigation. If search for any location our camera on Google Map moves to that position. In this article, we are going to see how to Move the Camera to any Position in Google Maps in Flutter. Step By Step ImplementationStep 1: Create a New Proj

How to Add Splash Screen in Flutter App?

We all have heard of Flutter right, it's a cross-platform application development tool. Flutter can be used to make Android, IOS, and Web applications with just one code base (Dart programming language). In this article let's see how we can add a splash screen to our applications. What is Splash Scr

How to Integrate Google Maps in Flutter Applications?

We all have seen that Google Maps is used by many applications such as Ola, Uber, Swiggy, and others. We must set up an API project with the Google Maps Platform in order to integrate Google Maps into our Flutter application. In this article, we will look at How to Integrate Google Maps in Flutter A

How to Add Local Notifications in Flutter?

A push notification is a short message that appears as a pop-up on your desktop browser, mobile home screen, or in your device notification center from a mobile app. For receiving and showcasing push notifications in flutter using local_notifications. There are 3 conditions when we receive notificat