Menggunakan Widget RaisedButton

Masih melanjutkan dari modul sebelumnya, aplikasikan akan ditambahkan widget RaisedButton. RaisedButton adalah tombol yang dapat ditap oleh pengguna, dan dapat kita tautkan dengan fungsi tertentu.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  void btnAnswer(){
    print('button answer ditap..');
  }

  @override
  Widget build(BuildContext ctx) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('My Hello Flutter'),
        ),
        body: Column(
          children: [
            Text('Question goes here'),
            RaisedButton(
              child: Text('Answer 1'),
              onPressed: btnAnswer,
            ),
            RaisedButton(
              child: Text('Answer 2'),
              onPressed: btnAnswer,
            ),
            RaisedButton(
              child: Text('Answer 3'),
              onPressed: btnAnswer,
            ),
          ],
        ),
      ),
    );
  }
}

Fungsi btnAnswer() adalah fungsi yang dipanggil saat RaisedButton ditekan. Untuk saat ini hanya menampilkan text ke console (lihat gambar diatas pada console tampil: I/flutter ( 4437): button answer ditap..)

Fungsi RaisedButton ditautkan pada event onPressed: btnAnswer

RaisedButton(
  child: Text('Answer 3'),
  onPressed: btnAnswer,
),

Pada modul selanjutnya akan dikembangkan, saat button dipressed, screen akan di rebuild dan menampilkan pertanyaan selanjutnya.