Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

0.1a : Flutter > AppBrewery - The Complete Flutter Development Bootcamp Using Dart > Flashcards

AppBrewery - The Complete Flutter Development Bootcamp Using Dart Flashcards

1
Q

Scaffold

A

blank screen for app;
implements the basic material design visual layout structure.
This class provides APIs for showing drawers, snack bars, and bottom sheets.
-appbar
-body
-drawer
-navigation
-floatingActionButton
use it to place common items on your screen

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Column, Row

A

A widget that displays its children in a vertical, horizontal array.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

NetworkImage

A

get image from internet, typically provide as source Image(), using ‘’ url

The image will be cached.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

codesigning iOS

A

sign app build with certificate from Apple.
ensures source of app, for security.
enables installation, App Store, etc.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

MaterialApp

A

app of Material design
typically root widget
An application that uses material design.
home property is the widget for the default route of the app.

A convenience widget that wraps a number of widgets that are commonly required for material design applications.

It builds upon a WidgetsApp by adding material-design specific functionality.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

MaterialApp props

A

home: where our app starts

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

app starting point

A

in main.dart, start at void main()

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

AppBar

A

bar at top of app
title, actions, ThemeIcon, etc.
can put in scaffold’s appbar prop

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Image, widget

A

widget to contain an image, a portrait, with an image property to set

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

for strings, ‘ or “ ?

A

’ in Dart

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

runApp()

A

Inflate the given widget and attach it to the screen.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

pubspec.yaml

A

configuration file;

inform app of assets here

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

how to add an asset

A
  1. folder for asset type (e.g. images), with asset, in root of project
  2. in pubspec.yaml, add asset to flutter;
    ~~~
    flutter:
    assets:
    -
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

how to use image asset

A

AssetImage(‘’)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

site for generating app icons

A

appicon.co

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

where to put app icons in Flutter

A

go to ios and android assets;
android->app->src->main->res folder, replace mipmaps
ios->Runner->Assets.xcassets; replace Assets.xcassets

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

hot reload updates

A

stateless and stateful widgets

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

shortcut for statetless widget

A

type stless

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

build method

A

comes with stateless widget, gets called whenever we create a new version of this widget

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

hot restart

A

R; hot reload + state reset

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

container widget

A

one of the most fundamental widgets to layout apps

22
Q

container

A

analagous to View, Div

A convenience widget that combines common painting, positioning, and sizing widgets

23
Q

container dimensions rules

A

Containers with no children try to be as big as possible unless the incoming constraints are unbounded, in which case they try to be as small as possible. Containers with children size themselves to their children. The width, height, and constraints arguments to the constructor override this.

24
Q

safe area widget

A

container kept within bezels, notch of iPhone

25
Q

safe area widget

A

container kept within usable area on screen; per OS

A widget that insets its child by sufficient padding to avoid intrusions by the operating system.

26
Q

container margin

A

Empty space to surround the decoration and child.

27
Q

margin specified by

A 
EdgeInsets.<>;
.all : same all around
.symmetric : top&amp;bot same, l&amp;r same
.fromLTRB : custom each
.only : only set margin for these
28
Q

padding

A

space inside of widget

29
Q

Column props

A

PROPERTIES
children
crossAxisAlignment: layout along second axis (align to each other; would align them to the rightmost edge of the widest child. stretches along 2nd.
direction
hashCode
key
mainAxisAlignment : layout along main axis, default start. MainAxisAlignment.

mainAxisSize: MainAxisSize.
runtimeType
textBaseline
textDirection
verticalDirection: top to bot or bot to top; def. top2bot
30
Q

column accepts children in

A

a widget array

31
Q

By default, column takes up

A

all of available vertical space, but horizontally limits itself to its children

32
Q

Opacity()

A

A widget that makes its child partially transparent.

33
Q

CircleAvatar

A

circle that represents a user

34
Q

Text() props

A

first is string, unnamed prop.

other is Style

35
Q

where to get fonts

A

fonts.google.com

36
Q

where to store fonts in app

A

in root, directory fonts

37
Q

where font documentation

A

using custom fonts flutter

38
Q

specify font family with

A

in TextStyle, family: ‘’

39
Q

how to add fonts to resources

A 
pubspec.yaml;
cannot add like `images/`, but must include exact path to font

fonts:
- family: Pacifico
fonts:
- asset: fonts/Pacifico-Regular.ttf
~~~
~~~

40
Q

Icon vs Image

A

icon is drawn, image is shown.
this allows icon properties to be changes on the fly.
icons are vectors, image not

41
Q

Icons come from where

A

material package

42
Q

material icon sites

A

Flutter icons, material icons https://material.io/tools/icons/?style=baseline, & materialpalette.com

43
Q

code to add icon

A

Icon(
Icons.
)

44
Q

Card widget

A

A material design card. A card has slightly rounded corners and a shadow.

A card is a sheet of Material used to represent some related information, for example an album, a geographical location, a meal, contact details, etc.

45
Q

cards accept padding prop, true or false

A

false

46
Q

cards accept margin prop, true or false

A

true

47
Q

cards accept children or child

A

child

48
Q

Padding widget

A

A widget that insets its child by the given padding.

Use over container with padding just for exact clarity

49
Q

ListTile

A

A single fixed-height row that typically contains some text as well as a leading or trailing icon.

A list tile contains one to three lines of text optionally flanked by icons or other widgets, such as check boxes. The icons (or other widgets) for the tile are defined with the leading and trailing parameters.

The heights of the leading and trailing widgets are constrained according to the Material spec. An exception is made for one-line ListTiles for accessibility. Please see the example below to see how to adhere to both Material spec and accessibility requirements.

Note that leading and trailing widgets can expand as far as they wish horizontally, so ensure that they are properly constrained.

List tiles are typically used in ListViews, or arranged in Columns in Drawers and Cards.

contentPadding
dense
enabled
isThreeLine
leading
onLongPress
onTap
selected
subtitle
title
trailing
50
Q

Card default color

A

white

51
Q

Divider

A

a 1-pixel thick horizontal line

0.1a : Flutter (8 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions