Posts

Assalamualaikum warahmatullahi wabarakatuh, Hallo sahabat uda semua semoga masih dalam keadaan sehat, Amiin

Pada pertemuan kali ini saya akan menjelaskan langkah-langkah dalam pembuatan Custome Widget pada flutter , yaitu

• Buat sebuah project yang akan di tambah custome widgetnya
• Tunggu sampai Build gradle nya slesai
• Edit codingan yang ada pada main.dart seperti berikut :

import 'package:flutter/material.dart';

void main(){
  runApp( new application());
}

class application extends StatefulWidget {
  @override
  _applicationState createState() => _applicationState();
}

class _applicationState extends State<application> {
  @override
  Widget build(BuildContext context) {
    return new Container(
      color: Colors.pink,
      child: new Container(color: Colors.yellow, margin: const EdgeInsets.all(20.0),
        child: new Container(color: Colors.purple, margin: const EdgeInsets.all(20.0),
    child: new Container(color: Colors.blue, margin: const EdgeInsets.all(30.0),
    child: new Container(color: Colors.green, margin: const EdgeInsets.all(15.0),
    child: methodcustom(),
      ),
    ),
    ),
    ),
    );
  }
}

Widget methodcustom(){
  return new Container(
    color: Colors.purple,
    margin: const EdgeInsets.all(15.0),
  );
}

• Kemudian running project tersebut sehingga akan ada tampilan seperti berikut :