Scribd
Unggah
5 tayangan

Program 1

Diunggah oleh

lebahgaul123
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
5 tayangan

Program 1

Diunggah oleh

lebahgaul123
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 2

Membuat Starter Flutter App

1. Untuk memulai pemrograman flutter, teman-teman dapat menggunakan

cara ini create the app.


Tips: Jika IDE yang kita miliki tidak dapat membuat project flutter baru,
pastikan kita sudah menginstall plugins flutter dan Dart.
2. Namun karena saya tidak menggunakan Android Studio, maka saya

menggunakan cara ini pada IDE Visual Studio Code yang saya miliki

https://www.youtube.com/watch?v=gCiH3CzeZHI&t=790s (saran saya


silahkan ikuti dari langkah 1).
3. Delete semua isi program padalib/main.dart dan copy paste program
berikut:
4. import 'package:flutter/material.dart';
5.
6. void main() => runApp(MyApp());
7.
8. class MyApp extends StatelessWidget {
9. @override
10. Widget build(BuildContext context) {
11. return MaterialApp(
12. title: 'Welcome to Flutter',
13. home: Scaffold(
14. appBar: AppBar(
15. title: const Text('Welcome to Flutter'),
16. ),
17. body: const Center(
18. child: const Text('Hello World'),
19. ),
20. ),
21. );
22. }
}

Tips: Saat melakukan copy paste program di atas, indentasi dapat menjadi
miring dan berantakan. Kita dapat merapikannya dengan cara berikut:

1. Android Studio/IntelliJ IDEA: klik kanan pada kode Dart nya and
pilih Reformat Code with dartfmt.
2. VS code: Klik kanan and pilih Format Document.
3. Terminal: Jalankan flutter format <filename>.

23. Save project yang sudah dibuat.


24. Jalankan projectnya dengan menekan F5 atau klik tombol , jika
berhasil maka tampilan aplikasinya seperti berikut:

Anda mungkin juga menyukai