Upgrade & Secure Your Future with DevOps, SRE, DevSecOps, MLOps!

We spend hours on Instagram and YouTube and waste money on coffee and fast food, but won’t spend 30 minutes a day learning skills to boost our careers.
Master in DevOps, SRE, DevSecOps & MLOps!

Learn from Guru Rajesh Kumar and double your salary in just one year.

Get Started Now!

Flutter Basic Query

Flutter Widgets

Hello World Example

Types of Widget

We can split the Flutter widget into two categories:

  • Visible (Output and Input)
  • Invisible (Layout and Control)

Visible widget

The visible widgets are related to the user input and output data. Some of the important types of this widget are:

Text

A Text widget holds some text to display on the screen. We can align the text widget by using textAlign property, and style property allow the customization of Text that includes font, font weight, font style, letter spacing, color, and many more. We can use it as like below code snippets.

Button

This widget allows you to perform some action on click. Flutter does not allow you to use the Button widget directly; instead, it uses a type of buttons like a FlatButton and a RaisedButton. We can use it as like below code snippets.

In the above example, the onPressed property allows us to perform an action when you click the button, and elevation property is used to change how much it stands out.

Related Posts

I am getting error “cmdline-tools component is missing” after installing Flutter and Android Studio… I added the Android SDK. How can I solve them?

Solution: Step 1: I fixed the problem by opening Android Studio. Step 2: Click to More Actions. Step 3: Then click on ‘SDK Manager’. Step 4: In Read More

Read More

What is Flutter? & How it is Better than it’s Counterparts? – Cross Platform

What is Flutter? Flutter is an open-source UI software development kit created by Google. It’s used to develop cross-platform applications for Android, iOS, Linux, Mac, Windows, Google Read More

Read More

Creating Your First Flutter Project: A Step-by-Step Guide

Creating your first Flutter project is an exciting journey into mobile app development. Here’s a step-by-step guide to help you get started: 1. Install Flutter Before you Read More

Read More

What is flutter and How Flutter Works & Architecture

What is flutter? Flutter is an open-source UI software development kit created by Google. It is used to build natively compiled applications for mobile, web, and desktop Read More

Read More

Execution failed for task’:app:processDebugGoogleServices’.> No matching client found for package name’com.cotocus.holidaylandmark.publisher.holidaylandmark_publisher’ android studio-SOLVED

What went wrong: Execution failed for task ‘:app:processDebugGoogleServices’. No matching client found for package name ‘com.example.myapp ‘ Step -1: check your google-services.json and build.gradle matching applicationId and Read More

Read More

How to Make a Confirm Dialog in Flutter

A confirm dialog is a dialog box that asks users to approve the requested operation. It usually appears with button pairs like Yes/No, OK/Cancel, Agree/Disagree. Confirm dialogs Read More

Read More
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
0
Would love your thoughts, please comment.x
()
x