UDACODING

Posts

Custome Widget

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 :
custome-widget-1 Custome Widget

1 Comment :

  1. ranking service May 9, 2020 at 1:08 pm

    ranking service

    bbrgsudym woqug isumynr qufc brocehfkywpsjwm

    Reply

Leave a Reply :

* Your email address will not be published.