Flutter: Application Title dan Background Color

Di artikel Application Bar sebelumnya, Rani setting si AppBar nya jadi warna ungu dan title appbar nya Rani buat jadi Hello Apps. Nah title di appbar ini sebenernya lebih cocok klo disebut judul module/halaman. Karena title untuk aplikasi mobile nya itu sendiri berbeda cara setting nya.

void main() {

  runApp(new MaterialApp(

    title: "Hello Mobile!",

    home: new PageHello(),

  ));

}

Jadi title untuk application di setting di MaterialApp. Lalu settingan title MaterialApp ini muncul dimana?

Rani sempet bingung si title ini tidak muncul-muncul. Ternyata perlu restart, tidak cukup hanya hot reload. Setelah restart debug baru dia muncul dan itu pun saat kita tap tombol kotak atau tombol yang biasa untuk menunjukan list aplikasi aktif seperti gambar di bawah ini.

Sebagai pelengkap artikel kali ini Rani mau membuat background scaffold jadi warna ungu muda (ungu lagih? 😆 maaf kawan saya suka warna ini)

class PageHello extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return new Scaffold(

      backgroundColor: Colors.purple[100],

      appBar: new AppBar(

        backgroundColor: Colors.purple[600],

        leading: new Icon(Icons.home_filled),

        title: new Text("Hello Apps"),

      ),

      body: new Center(

          child: new Container(

        color: Colors.yellowAccent,

        width: 300.0,

        height: 150.0,

        child: new Center(

            child: new Icon(

          Icons.access_alarms,

          color: Colors.purple,

          size: 50,

        )),

      )),

    );

  }

}

Hasilnya seperti ini: