106、Flutter 按钮交互

这一小节通过Flutter中的FlatButton按钮进行事件监听，

然后通过该事件进行用户的交互

主要利用FlatButton中的onPressed事件，进行响应处理操作的绑定

import 'package:flutter/material.dart';

void main() {
  return runApp(
    MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.red,
        appBar: AppBar(
          title: Text('Dicee'),
          backgroundColor: Colors.red,
        ),
        body: DicePage(),
      ),
    ),
  );
}

class DicePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Row(
        children: <Widget>[
          Expanded(
            child: FlatButton(
              onPressed: (){
                print('left botton got pressed');

              },
              child: Image.asset('images/dice1.png'),
            ),
          ),
          Expanded(
            child: FlatButton(
              onPressed: (){
                print('right botton got pressed');
              },
              child: Image.asset('images/dice1.png'),
            ),
          ),
        ],
      ),
    );
  }
}

 

每当点击这两个按钮的时候，在onPressed事件中，会在控制台里边打出log