Flutter Intro

Ngee Ann Polytechnic
Mon, Mar 7, 2022, 7:30 PM (GMT+8)

Ever wonder what hybrid mobile development is all about? Look forward to a fun-filled experience of exploring Flutter with Developer Student Club. Flutter is Google's official hybrid app development framework which was first released in May 2017. Within a span of four years, Flutter has managed to become the #1 cross-platform technology as seen by a statistic done up by research expert.

About this event


1. Intro

Flutter transforms the app development process. Software developer can build, test, and deploy beautiful mobile mobile, web, desktop, and embedded apps from a single codebase. 

2. Widgets

The central idea revolving around Flutter is building your User Interface out of widgets. Widgets describe what their view should look like given their current configuration and state. 

3. State

A state is simply defined as information that can be interpreted happening at the time when a widget is built.

To put it simply, A widget’s state is stored in a State object.

There are two subcategories to state object, stateless and stateful. You use widgets to declare what you want your app to look like, however user interfaces and apps do change as your users engage them

4. Boilerplate

A standardized template that you will first see when you flutter create a project.

5. Package

How to pull in a package into your application and can be found in your pubspec.yaml

6. Layout

Choose from a variety of layout widgets based on how you want to align or constrain the visible widget, as these characteristics are typically passed on to the contained widget.

Single child layout widgets, as their name suggests, are the ones that will only accept one widget as their child. In technical terms, they are the widgets that you will usually see or with a child property.

Multi-child widgets, as the name suggests, contains more than one child widget, and the layout of these widgets are unique. For example, Row widget laying out of its child widget in a horizontal direction, and Column widget laying out of its child widget in a vertical direction. If we combine the Row and Column widget, then it can build any level of the complex widget.

7. CODELAB: Write Your First Flutter App, part 1

8. CODELAB: Write Your First Flutter App, part 2




Monday, Mar 7
7:30 PM - 9:30 PM (+08)