Flutter : Detect keyboard open and close without using a external package

Vishnu Reji — Wed, 13 Apr 2022 07:25:15 +0000

Step 1
Create a variable

bool _keyboardVisible = false;

in StatefullWidget
Step 2
Then initialize that variable in the build widget;

@override
Widget build(BuildContext context) {
    _keyboardVisible = MediaQuery.of(context).viewInsets.bottom != 0;
    return child;
}

My Favorite 5 Visual Studio Code Extensions

Vishnu Reji — Tue, 15 Oct 2019 04:25:02 +0000

#1.Live server

Make changes in code editor, switch to browser, and refresh to see changes. That's the endless cycle of a developer, but what if your browser would automatically refresh anytime you make changes? That's where Live Server comes in!

It also runs your app on a localhost server. There are some things you can only test when running your app from a server, so this is a nice benefit.

#2.Prettier - Code formatter

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

#3.Auto Close Tag

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.

Features

Automatically add closing tag when you type in the closing bracket of the opening tag
After closing tag is inserted, the cursor is between the opening and closing tag
Set the tag list that would not be auto closed
Automatically close self-closing tag
Support auto close tag as Sublime Text 3
Use Keyboard Shortcut or Command Palette to add close tag manually

#4.HTML Class Suggestions

html-class-suggestions is a Visual Studio Code extension that provides completion options for html class attributes based on the css files in your workspace.

#5.vscode-icons

Comprehensive icon extension for Visual Studio Code. ..

Responsive UI Card

Vishnu Reji — Mon, 23 Sep 2019 05:47:07 +0000

DEV Community: Vishnu Reji

Flutter : Detect keyboard open and close without using a external package

My Favorite 5 Visual Studio Code Extensions

Responsive UI Card