Flutter get Current Time Example

Hi friends,

Now, let's see post of Flutter get Current Time Example. you can see get current timestamp in flutter. if you want to see example of how to get current time in flutter build then you are a right place. This tutorial will give you simple example of how to get current time in flutter code.

So, let's follow few step to create example of flutter get current locale.

I will give you simple Example of How to get Current Time in Flutter?

So let's see bellow example:

Step 1: Create Flutter Project

Follow along with the setup, you will be creating an Flutter app.

$flutter create flutter_get_current_time_tutorial   

Navigate to the project directory:

$cd flutter_get_current_time_tutorial   

Step 2: Main File

Create a main.dart file in the lib directory

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
            home: Scaffold(
                appBar: AppBar(
                    title: Text('Get Current Time')
                ),
                body: Center(
                    child: GetDate()
                )
            )
        );
    }
}

class GetDate extends StatefulWidget {

    _GetDateState createState() => _GetDateState();

}

class _GetDateState extends State<GetDate> {

    String finalDate = '';

    getCurrentDate(){

        var date = new DateTime.now().toString();

        var dateParse = DateTime.parse(date);

        var formattedDate = "${dateParse.hour}:${dateParse.minute}:${dateParse.second}";

        setState(() {

            finalDate = formattedDate.toString() ;

        });

    }

    @override
        Widget build(BuildContext context) {
            return Scaffold(
                body: Center(
                    child: Column(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: <Widget>[

                        Padding(
                            padding: EdgeInsets.all(8.0),
                            child :
                            Text("Time = $finalDate", style: TextStyle(fontSize: 20), textAlign: TextAlign.center,)
                        ),

                        RaisedButton(
                            onPressed: getCurrentDate,
                            color: Colors.green,
                            textColor: Colors.white,
                            padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
                            child: Text('Click Here To Get Current Time'),
                        ),
                    ],
                ),
            )
        );
    }
}

Run this Debug App

Output :

I hope it will help you....