Как добавить кнопку в Dart?

Question

[Александр Кривицкий]

Начал писать программу на Flutter. Не знаю с чего начать, решил начать с добавление кнопки. Подскажите пожалуйста как создать кнопку и её функционал.

floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      )

Comments

[WinPooh32]

в официальной документации есть куча примеров.

[Александр Кривицкий]

Да, но там добавление только одной кнопки а не нескольких.

[Алексей Уколов]

"Как добавить кнопку", "как создать кнопку" - ну так и вам только одна нужна.

Answer 1

[MiT]

Вот пример того как создать кнопки в 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";
                  })
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}