Use of “Services.dart” Package in the Flutter

We often come at a point where we need some flexibility, in our app UI. so in this blog, I want to share two of the helpful features of Services package in flutter. So let’s start with it.

Use of “Services.dart” Package in the Flutter 1

First: Block the landScape Mode.

So Some times we don’t need our app to work in LandScape mode but we need to tell it to our system.

Dev:  “Hey stop!!! I don’t want my app to work in landscape mode.”

Flutter: “okay!! then use Services.dart package.”

Use of “Services.dart” Package in the Flutter 2

But first, you need to just Import the package:

import 'package:flutter/services.dart';

After importing its time to use features of this package. 

@override
 Widget build(BuildContext context) {
 
   SystemChrome.setPreferredOrientations([
     DeviceOrientation.portraitUp,
     DeviceOrientation.portraitDown,
   ]);

So in the code, above we just only allowed the orientation of the app to work in Portrait mode.

Second: sytemUIOverlayStyle Custom (StatusBar / NavigationBar)

Use of “Services.dart” Package in the Flutter 3

So sometimes you need your App UI to be in your control But StatusBar and NavigationBar have their own Attitude. So to teach them a lesson we can use this simple code to work things out.

@override
 Widget build(BuildContext context) {
   
   SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
     statusBarColor: Color(0xff59AEAC),
     statusBarIconBrightness: Brightness.dark,
     systemNavigationBarColor: Color(0xff59AEAC),
     systemNavigationBarIconBrightness: Brightness.dark,
   ));

In this one, I just played around with the background colour and the icon Colour of the StatusBar and NavigationBar.

So That’s Some of the good features you can use to make your Flutter experience efficient.

Avatar
Rishabh Sharma
You can find me on Github & LinkedIn

Latest news

Everything about Android Latest Version

When Google launched the Google Android-powered Nexus One telephone on January 5, 2010, Jobs, Apple Chief executive officer responded to that development in a...

Use of “Services.dart” Package in the Flutter

We often come at a point where we need some flexibility, in our app UI. so in this blog, I want to share two...

One Plus 8T: All you need to know!

One Plus unveiled its 2020 flagship in a virtual event named One Plus 8T. In this post we would go through its specifications ,...

Twitter may launch new features to simplify direct messages.

Twitter is said to be working on a couple of new features that could make it easier to manage direct messages and retweeting. The...

Related news

Everything about Android Latest Version

When Google launched the Google Android-powered Nexus One telephone on January 5, 2010, Jobs, Apple Chief executive officer responded to that development in a...

Use of “Services.dart” Package in the Flutter

We often come at a point where we need some flexibility, in our app UI. so in this blog, I want to share two...

One Plus 8T: All you need to know!

One Plus unveiled its 2020 flagship in a virtual event named One Plus 8T. In this post we would go through its specifications ,...

Twitter may launch new features to simplify direct messages.

Twitter is said to be working on a couple of new features that could make it easier to manage direct messages and retweeting. The...