Eps 01

Sdk adalah sekumpulan fungsi untuk membuat aplikasi atau game atau hal hal
lainnya. Fungsinya dapat mengembangkan aplikasi mobile dengan mudah. Flutter sudah
menyediakan berbagai macam widget. Material desain adalah bahasa visual yang
menggabungkan classical principla dari desain yang bagus dengan inovasi dari teknologi dan
ilmu pengetahuan. Material desain seperti dunia nyata. Wdiget adalah hamper bisa diumpakan
seperti benda di dunia nyata.

Eps 02
Belajar membuat hello word

Stl = shortcut untuk membuat stateless widget

Widget ada 2 stateless dan statefull

MaterialApp : adalah sebuah widget yang berisi data data yang diperlukan oleh aplikasi yang
menggunakan material desain

Property home : adalah tampilan awal yang akan ditampilkan oleh si materialApp itu sendiri

Scaffold adalah tampilan dasar dari sebuah aplikasi android

Scaffold Appbar untuk judul

Scaffold body untuk di bagian badan

 Eps 03
Widget container : Berfungsi untuk membungkus widget lainnya sehingga widgetnya bisa
diedit

Maxline : Maximal baris pada kotak

Overflow : untuk mengatur bagaimana jika text kita terpotong

Elipsis: Diberikan tanda titik titik jika textnya terpotong

Clip : Textnya benar benar terpotong

Text Align : Menampilkan text rata kiri , kanan atau rata tengah

Eps 4

Row Dan Coloumn

Widget row berfungsi sebagai mengatur tata letak widget yang terdiri dari beberapa
widget dan tersusun secara vertical
Widget coloumn sama seperti ro cuman beda penempatan satu horizontal dan satu
vertical
Axis Allignment berfungsi mengatur allingmen dari widget widget didalamnya, akan
mengatur
mport 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("Latihan Row dan Coloumn"),
        ),
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text("Text 1"),
            Text("Text 2"),
            Text("text 3"),
            Row(
              children: [Text("Text 4"), Text("Text 5"), Text("text 6")],
            )
          ],
        ),
      ),
    );
  }
}

Eps 5

Container Widget
Margin dan peding
Margin adalah jarak antara container dengan widget lainnya yang ada di luar container
Pedding adalah jarak sisi container ke widget yang ada di dalam container
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("Latihan Container"),
        ),
        body: Container(
          color: CupertinoColors.black,
          margin: EdgeInsets.fromLTRB(7, 15, 35, 30),
          padding: EdgeInsets.only(top: 10),
          child: Container(
            decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(20),
                gradient: LinearGradient(
                    begin: Alignment.topLeft,
                    end: Alignment.bottomRight,
                    colors: <Color>[Colors.amber, Colors.black12])),
          ),
        ),
      ),
    );
  }
}