Flutter
Search…
Flutter Tutorials Handbook
01 Flutter: Hello World
Related Article
02 Flutter: Stateless Widgets
03 Flutter: Buttons and Stateful widgets
04 Flutter: Basic Navigation & Routes
05 Flutter: Using onChanged to show input text
06 Flutter: Using onSubmitted to show input text after submit
07 Flutter: Adding-Deleting text in TextField
08 Flutter: Tab Navigation
09 Flutter: HTTP requests and Rest API
10 Flutter: ListView with JSON or List Data
11 Flutter: Sliding menu using a Drawer
12 Flutter: Animations
13 Flutter: JSON Storage
14 Flutter: Friendly Chat App
15 Flutter: Changing icon color onfocus
16 Flutter: Horizontal ListView and Tabs
17 Flutter: RaisedButton
18 Flutter: RaisedButton with parameters
19 Flutter: FlatButton
20 Flutter: IconButton
21 Flutter: Updating data in TextField
22 Flutter: Checkbox
23 Flutter: Radio with Functions
24 Flutter: Switch
25 Flutter: Slider
26 Flutter: DatePicker
27 Flutter: appBar
28 Flutter: Floating Action Button
29 Flutter: Drawer which shows Toggle Menu
30 Flutter: Footer Buttons
31 Flutter: BottomNavigationBar
32 Flutter: Using BottomSheets
33 Flutter: Using SnackBar
34 Flutter: AlertDialog
35 Flutter: SimpleDialog
36 Flutter: Rows and Columns
37 Flutter: Using Cards
38 Flutter: Using Expanded
39 Flutter: ListviewBuilder using Dart maps
40 Flutter: ListviewBuilder using Dart lists
41 Flutter: Using Custom Widgets
42 Flutter: Using Image Assets
43 Flutter: ListviewBuilder with Refresh Indicator
Powered By
GitBook
01 Flutter: Hello World
Displaying Hello World on the screen
main.dart
1
import
'package:flutter/material.dart'
;
2
3
void
main
()
{
4
runApp
(
5
new
Center
(
6
child
:
new
Text
(
7
'Hello, world!'
8
),
9
),
10
);
11
}
Copied!
Hello World app using a Stateless widget
1
import
'package:flutter/material.dart'
;
2
3
void
main
()
{
4
runApp
(
5
new
MaterialApp
(
6
title
:
'Hello World App'
,
7
home
:
new
myApp
(),
8
)
9
);
10
}
11
12
class
myApp
extends
StatelessWidget
{
13
@override
14
Widget
build
(
BuildContext
context
)
{
15
return
new
Scaffold
(
16
appBar
:
new
AppBar
(
17
title
:
new
Text
(
'Hello World App'
),
18
),
19
body
:
new
Center
(
20
child
:
new
Text
(
21
'Hello, world!'
22
),
23
),
24
);
25
}
26
}
Copied!
Previous
Flutter Tutorials Handbook
Next
02 Flutter: Stateless Widgets
Last modified
3yr ago
Copy link
Contents
Displaying Hello World on the screen
Hello World app using a Stateless widget