Flutter Rows & Columns

Widgets play a key role in flutter layout where everything is a widget. Text and images are widgets but something you don’t see in a Flutter app is also widgets e.g, rows and columns, etc. Text and images are visible widgets whereas rows and columns are layout or invisible widgets. Row Widget will have its […]

Read More...

Flutter Container Widget

Do you have a widget that needs some background style, maybe a background color shape or some size constraints? Try wrapping it in a Container Widget. It helps you compose, decorate and position child widgets. Color If you wrap your widget in a container widget without any other parameters, you won’t notice any difference in […]

Read More...

Flutter Add Image

Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single code base. Flutter allows you to build apps for mobile, web, dekstop, and embedded devices – all from a single codebase. Referring to the official documentation we can easily add image in a flutter app using the […]

Read More...

Flutter Dark Theme

Continuing the previous blog post which explained flutter Scaffold() and AppBar() widgets. We had used home argument of MaterialApp() widget and the value of this argument was a Scaffold() Widget. Scaffold() Widget had appBar arugment that accepts AppBar() constructor, the consturctor accepts title argument with the value of Text() widget and body argument with a value of […]

Read More...

Flutter Scaffold and AppBar Widgets

Flutter Scaffold and AppBar Widgets help in the beautification of our App and display some string in the app bar. Consider the following flutter code. Here we have used MaterialApp() widget and are using home parameter of the MaterialApp() widget. In the home parameter, we are using a Text widget that displays some text. Output […]

Read More...

Minimal Flutter App

Minimal Flutter app is the simplest possible app that calls the runApp( ) function with a widget. In the main function, we are calling runApp( ) function where we are passing two widgets directly irrespective of Stateless or Stateful behavior. We have wrapped the Text( ) widget in Center Widget. In other words, the Center( […]

Read More...

Flutter Button Formatting and Passing Call back Function

We had already created a new widget for questions. Now, we’ll create a new widget for answers.  Create a new file answer.dart besides main.dart and add the following code there. Here is question.dart file previously created. In our main.dart file we’ll add the import for answer.dart and will replace ElevatedButton() code with this Answer() code […]

Read More...

Flutter Functions on Button Click

Added: In the previous post “Flutter Column Layout Widget” we created a Column() layout widget that took ‘children’ argument which was a list of Widgets, one Text() widget and three ElevatedButton() widgets. ElevatedButton() widget took two arguments. child which takes a Text() widget i.e, text of the button. onPressed which we passed null at that […]

Read More...

Flutter Column Layout Widget

Referring to the previous blog post First Flutter App where we used a single named argument ‘home’ for ‘MaterialApp()’ widget. ‘home’ takes Scaffold() widget as argument. We provided ‘appBar’ and ‘body’ named arguments to the Scaffold() widget. First argument ‘appBar’ takes ‘AppBar()’ as argument and this ‘AppBar’ takes ‘title’ named argument which at the end […]

Read More...

First Flutter App

Note: This blog post is the continuation of the previous blog – First Flutter Widget In the previous blog post, we just created a widget that shows a simple ‘Hello World!’ text which was left aligned and there was no App Bar and title in that widget. That was just to break the ice. Remember: […]

Read More...

Dart Named Arguments

There are two types of arguments for a constructor in dart. Positional arguments – These are commonly used. For Positional arguments you have to remember which argument goes in to which place. Named arguments – This is a new concept if you belong to C++, Java or PHP. For Named Arguments you don’t need to […]

Read More...

First Flutter Widget

What is Flutter? Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, desktop, and embedded devices from a single codebase. I assume that you have successfully installed flutter either with Android Studio IDE or VS Code and have successfully configured an emulator. If you want to install flutter, kindly follow […]

Read More...

Freelancing Bootcamp 2017

  COMSATS IT Center, COMSATS Abbottabad presents Freelancing bootcamp 2017 sponsored by Payoneer. Students, professionals and unemployed are highly encouraged to apply and attend. Freelancing Bootcamp 2017 will be conducted on Wednesday 18 January, 2017. Registration Form: http://goo.gl/F5q5FN Facebook Event Page: http://goo.gl/6r9bW1 Last Date of Registration: Monday, 16 January, 2017. All participants will get Certificates […]

Read More...

An Introduction To jQuery

What is jQuery? “A fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers”. [Reference: jQuery.com] Basics jQuery focuses on queries and a query is simply a CSS selector which identifies a set of […]

Read More...