Flutter By ChamiViews Part 2 - Analog Clock Widget

Published: 02 October 2020
on channel: ChamiViews

208

#ChamiViews #Flutter #AnalogClock

Welcome to ChamiViews

Today we are going to talk about Flutter Analog Clock Widget

In previous video i had created project called first

Today i will use that project for doing this task

Follow these steps

First remove the default column widget

And follow these steps with me

After that modification Goto this url

https://pub.dev/packages/analog_clock

And follow these steps

add this in to pubspec.yaml file -- analog_clock: ^0.0.4

Then ctrl+s

And also you can type this "flutter pub get" in terminal

After that add this import statement in main.dart file

import 'package:analog_clock/analog_clock.dart';

Using that AnalogClock widget we can make the analog clock

Now you can see in my emulator analog clock is displayed

Then we can do some modifications

using BoxDecoration widget we can add the round border to the clock

Likewise you can change the border width and color

Then we will change the hour hand color in green

Then we will change the minute hand colour in amber

using digitalClockColor attribute we can change its color

Likewise you can do further modifications

try these all the attributes

Hope you clear it

If you have questions pls put them comment section

Thank you

Byee ......
Stay tune ChamiViews

Subscribe The ChamiViews.

Android App : https://play.google.com/store/apps/de...

Youtube :   / @chamiviews

Flutter Series :    • Flutter By ChamiViews Part 1 - Creati...

Angular 10 Series :    • Angular 10 By ChamiViews Part 1 - Ins...

Python Series :    • Python Sinhala By ChamiViews Part 1 -...

Angular 8 :   • Angular Sinhala By ChamiViews Part 1 ...

Android :   • Android Sinhala By ChamiViews Part 1 ...

PHP Series :    • Php Sinhala By ChamiViews Part 1 - Xa...

PHP + Mysql Series :    • Php + Mysql Sinhala By ChamiViews Par...

Bootstrap Series :    • Bootstrap Sinhala By ChamiViews Part 1

Scala Series :    • Scala Sinhala By ChamiViews Part 1 - ...

C Language Series :   • C Language Sinhala By ChamiViews Part...

JAVA Series :    • Java Sinhala By ChamiViews Part 1 - I...

C++ Series :    • C++  Sinhala By ChamiViews Part 1

OOP Series With JAVA :    • Java Sinhala By ChamiViews Part 34 - ...

R Series :   • Statistical Methods using R By ChamiV...

Facebook :https://www.facebook.com/profile.php?...

Facebook Page :  / chamodlakmal97

Blog : https://chamiviews.blogspot.com

Background Music:   / @audiolibrary_