Flutter Untuk Pemula - Widget Text Dan Icon

Text

Sebenarnya widget ini secara tidak sengaja telah kita gunakan pada project - project sebelumnya, widget ini berfungsi untuk menampilkan sebuah text pada aplikasi mobile kita. Kita juga bisa menampilkan text pada satu baris atau beberapa baris, disini kita akan coba kembali menggunakan widget text.

new Center(
        child: new Container(
          child: new Text(
            'Ini adalah Text',
            style: TextStyle(
              fontSize: 20.0,
              color: Colors.redAccent,
              fontWeight: FontWeight.bold
            ),
          ),
        ),
      ),

dengan menambahkan properti style di dalam widget text (TextStyoe) maka kita akan merubah dari style text tersebut. Kasus diatas mengubah ukuran font menjadi 20 px, warna merah, dan font ditebalkan.

Source Lengkapnya : textApps

Icon

Widget Icon berfungsi menampilkan icon yang telah tersedia pada material pada flutter itu sendiri. Terdapat banyak varian icon yang dimiliki oleh flutter, berikut ini adalah cara menampilkan icon pada flutter :

new Center(
        child: new Container(
          height: 200.0,
          width: 200.0,
          /// menambahkan widget Icon
          child: Icon(
            Icons.flag,
          ),
        ),
      ),

Source Lengkapnya : iconapps