Introduction To Flutter Flashcards
is not a language (like JavaScript, for example).
Flutter
Flutter uses ___ for its language.
Dart
Flutter is _________ framework that enables developers to build native apps that run on Android and iOS devices.
Google’s mobile SDK / UI
Developers write code in a _______ that works on both
platforms.
single codebase
Benefits of Using Flutter Apps Dev
High Productivity
High Quality
High Performance
It is Free and Open
TRUE OR FALSE
Flutter was written for low productivity, to get apps out fast.
FALSE, high
TRUE OR FALSE
You can change your code and hot reload the changes, without
any kind of delay.
TRUE
_____ includes the UI Widgets you need.
Flutter
Flutter works with most ____
IDEs
The included _________ work seamlessly and conventionally
with the target platform. Scrolling, navigation, icons and fonts match
the target system.
Flutter UI Widgets
When you write an Android app with the Flutter Widgets, it looks
like a normal Android app.
When you write an iOS app with the Flutter Widgets, it looks like a
normal iOS app.
A) 1st statement is true; 2nd statement is false.
B) 2nd statement is true; 1st statement is false.
C) Both statements are true.
D) Both statements are false.
C. Both statements are true.
TRUE OR FALSE
The code you write in Flutter runs natively.
True
Flutter is ___ and _____
Free, Open Source
ENUMERATION
What are the 5 Software for App Dev
VS Studio
Flutter SDK
Dart Platform
Xcode Runtime
Android Emulator and iOS Emulator
These are great for developers, enabling them to develop their code to run on multiple devices, see how they look on each device. Later on, you can use the real hardware for final pre-release testing.
Emulators
To run the flutter app type
flutter run
To run your flutter app, you must be ___ the project folder of your app
inside
This loads your changed code into the Dart VM and restarts the application. This
is the safest thing to do and doesn’t take long.
Hot Restarting
If you want to load your changed code into the Dart VM but you don’t want to
change the application state, you can do this. The result might be different
behavior vs a hot restart.
Hot Reloading
If you are using ‘flutter’ run to run the app from the command line, you can use
the key __ to hot restart and the key __ to hot reload.
R or r
Widgets are the ______ of
your UI.
Building Blocks
Whenever we build a user interface in Flutter, it is composed of ___
Widgets
Putting your widgets
together is called ____
Composition
Think of a user interface as a
jigsaw
Unlike a Jigsaw, a widget can contain other widgets, in a tree structure, a hierarchy. This is often called a ____
Widget Tree
ENUMERATION
Four step design process
Import helper library from flutter to get content on the screen
Define a ‘main’ function to run when our apps starts
Create a new text widget to show some text on the screen
Take the widget and get it on the screen
import ‘package:flutter/material.dart’;
is called ____
Import Statements
ENUMERATION
Format Text Widget Using TextStyle
FontSize
FontWeight
Color
is a widget to create widgets to design applications in Flutter
MaterialApp
_____, on the other hand, a widget used to define a UI element respecting Material rules such as what elevation is, widget shape, and stuff.
Material
A widget that displays its children in a vertical array.
Columns Widget
A _______ first surrounds the child with padding (inflated by any borders present in the decoration) and then applies additional constraints to the padded extent (incorporating the
width and height as constraints, if either is non-null).
Container
