Flutter

Question 1

Where is the default alignment for text widgets?

Answer 1

Top left corner

Question 2

What is the class for creating apps that use the material design?

Answer 2

MaterialApp

Question 3

Rewrite the code below to wrap the text widget in a center widget.

void main() {
runApp(
MaterialApp(
home: Text(‘Hello World!’),
),
);
}

Answer 3

void main() {
runApp(
MaterialApp(
home: Center(
child: Text(‘Hello World!’),
),
),
);
}

Question 4

What is the starting point for all dart programs:

Answer 4

The main function

Question 5

How do you add an app bar the the code below?

void main() {
runApp(
MaterialApp(
home: Scaffold(),
),
);
}

Answer 5

void main() {
runApp(
MaterialApp(
home: Scaffold(
appBar: AppBar(),
),
),
);
}

Question 6

Add a title to the Appbar

void main() {
runApp(
MaterialApp(
home: Scaffold(
appBar: AppBar(),
),
),
);
}

Answer 6

void main() {
runApp(
MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text(‘This Is The Title’),
),
),
),
);
}

Question 7

Write some code to include an imaged from the internet into a flutter app (no need to include the outer widgets)

Answer 7

Image(
image: NetworkImage(‘http://foo.com/image.jpeg’)
)

Question 8

How do you create a comment in a YAML file?

Answer 8

With a hash 
#this is a comment

Question 9

What are three basic rules for a YAML file

Answer 9

YAML is case sensitive

The files should have .yaml as the extension

YAML does not allow the use of tabs while creating YAML files; spaces are allowed instead

Question 10

How many spaces is a yaml indentation?

Answer 10

2

Question 11

After a yaml file has been eddited to inclide an asset what button needs to be pressed in Andoid Studio?

Answer 11

pub get

Question 12

What flutter widget is a bit like a html div?

Answer 12

Containter

Question 13

What are the steps to adding a font file to Flutter?

Answer 13

1. Create a directory to keep the font/s in the project
2. Edit pubspec.yaml to link to the file
3. Click on ‘get pub’ in android studio (just above the yaml file)
4. rerun app (so not a hot reload)

Question 14

What is the property of class Row and Colume and it's value that is responible for aligning it's children? 
Compleat the code below to align childern to the start, center and end, 

Row(
//start
)

Row(
//center
)

Row(
//end
)

Answer 14

mainAxisAlignment: MainAxisAlignment.start,

Row(
mainAxisAlignment: MainAxisAlignment.start,
)

Row(
mainAxisAlignment: MainAxisAlignment.center,
)

Row(
mainAxisAlignment: MainAxisAlignment.end
)

Question 15

Create a round avatar widgit that links uses an image from images/me.jpeg and that is of a radius of 100

Answer 15

CircleAvatar(
radius: 100.00,
backgroundImage: AssetImage(‘images/me.jpeg’),
),

Question 16

Create a Text widget with:

font family DancingScript
is bold
a font weight of 40
is white

Answer 16

Text(
‘Doggy Dog’,
style: TextStyle(
fontFamily: ‘DancingScript’,
fontWeight: FontWeight.bold,
fontSize: 40,
color: Colors.white,
),

Question 17

Create an Icon widget with a phone icon

Answer 17

Icon(
Icons.phone,
),

Question 18

Useing the apropiat widget, create an empty box of 20 pixles wide

Answer 18

SizedBox(
width: 10.00,
),

Question 19

Wrap an image widget with a widget that will expand it to the avalable space of the screen and will also not go behond the screen border. The Widget in question can only be a child of Row, Column or Flex

Image.asset(‘images/dice1.png’)

Answer 19

Wrap it in an Expanded widget.

Expanded(
child: Image.asset(‘images/dice1.png’),
),

Question 20

What property of the Expanded widget is used to size it in relation to other widgets?

Answer 20

flex: