28 Flutter: Floating Action Button
main.dart
import 'package:flutter/material.dart';
import 'dart:async';
void main(){
runApp(new MaterialApp(
home: new MyApp(),
));
}
class MyApp extends StatefulWidget {
@override
_State createState() => new _State();
}
//State is information of the application that can change over time or when some actions are taken.
class _State extends State<MyApp>{
String _value = '';
void _onClicked() => setState(() => _value = new DateTime.now().toString());
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('Name here'),
backgroundColor: Colors.red,
),
floatingActionButton: new FloatingActionButton(
onPressed: _onClicked,
backgroundColor: Colors.red,
//if you set mini to true then it will make your floating button small
mini: false,
child: new Icon(Icons.timer),
),
//hit Ctrl+space in intellij to know what are the options you can use in flutter widgets
body: new Container(
padding: new EdgeInsets.all(32.0),
child: new Center(
child: new Column(
children: <Widget>[
new Text(_value)
],
),
),
),
);
}
}
Last modified 4yr ago