Задать вопрос
  • Как добавить кнопку в Dart?

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