Вот пример того как создать кнопки в Flutter (
А также документация, и
базовые знания о виджетах):
import 'package:flutter/material.dart';
void main() {
runApp(MyWidget());
}
//У этого виджета имеется состояние.
class MyWidget extends StatefulWidget {
@override
createState() => new MyWidgetState();
}
class MyWidgetState extends State<MyWidget> {
String text; // Наш текст для демонстрации функционала кнопки.
@override
initState() {
super.initState();
text = "test"; // Начальная инициализация кнопки.
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Column(
children: [
Text(text), // Наш текст для демонстрации функционала кнопки.
// Flat кнопка.
FlatButton(
color: Colors.blue, // Цвет кнопки.
textColor: Colors.white, // Цвет текста кнопки.
child: Text("Flat Button"), // Текст кнопки.
// При нажатие меняем текст (Функционал кнопки).
onPressed: () => {
// При помощи установки нового состояния.
setState(() {
text = "Flat Button";
})
},
),
// Raised кнопка.
RaisedButton(
child: Text('Raised Button'),
onPressed: () => {
setState(() {
text = "Raised Button";
})
},
),
// Icon кнопка.
IconButton(
icon: Icon(Icons.android),
color: Colors.blue,
onPressed: () => {
setState(() {
text = "Icon Button";
})
},
),
],
),
),
),
);
}
}