Делаем простое кроссплатформенное мобильное приложение

// подключаем библиотеку стандартных элементов
import 'package:flutter/material.dart';
// точка запуска программы
void main() {
// запускаем MyApp()
  runApp(const MyApp());
}
// основной модуль приложения
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  // команда означает, что мы можем переопределить стандартные функции на свои
  @override
  // собираем виджет
  Widget build(BuildContext context) {
  // возвращаем внутреннюю часть приложения
    return MaterialApp(
      // название
      title: 'Кроссплатформенное приложение',
      // настраиваем внешний вид
      theme: ThemeData(
      // основной цвет приложения — синий
        primarySwatch: Colors.blue,
      ),
      // говорим, где приложению взять главную страницу
      home: const MyHomePage(title: 'Привет, это журнал «Код»'),
    );
  }
}

// оформляем главную страницу
class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);
  final String title;
  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

// настраиваем логику работы
class _MyHomePageState extends State<MyHomePage> {
  // переменная для счётчика нажатий на кнопку
  int _counter = 0;
  // функция, которая увеличивает значение счётчика на единицу
  void _incrementCounter() {
    // обращаемся к текущему состоянию главного экрана
    setState(() {
      // и увеличиваем на нём счётчик на единицу
      _counter++;
    });
  }
  @override

  // собираем компоненты главного экрана
  Widget build(BuildContext context) {
    // используем стандартный класс экрана
    return Scaffold(
      // настраиваем надпись на верхней строке
      appBar: AppBar(
        // берём текст из названия
        title: Text(widget.title),
      ),
      // располагаем всё по центру
      body: Center(
        // начинаются дочерние элементы
        child: Column(
          // ось выравнивания — центр приложения
          mainAxisAlignment: MainAxisAlignment.center,
          // собираем виджет с текстом и счётчиком
          children: <Widget>[
            // переменная с текстом
            const Text(
              'Столько раз вы нажали на кнопку:',
            ),
            // выводим текст на экран
            Text(
              // добавляем к нему переменную-счётчик
              '$_counter',
              // применяем стандартный стиль форматирования
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      // настраиваем кнопку с плюсиком
      floatingActionButton: FloatingActionButton(
        // что делаем при нажатии
        onPressed: _incrementCounter,
        // подсказка на кнопке
        tooltip: 'Нажми меня',
        // иконка кнопки
        child: const Icon(Icons.add),
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() => runApp(const SignUpApp());

// 
class SignUpApp extends StatelessWidget {
  const SignUpApp();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      routes: {
        '/': (context) => const SignUpScreen(),
        '/welcome': (context) => const WelcomeScreen(),
      },
    );
  }
}

class SignUpScreen extends StatelessWidget {
  const SignUpScreen();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[200],
      body: Center(
        child: SizedBox(
          width: 400,
          child: Card(
            child: SignUpForm(),
          ),
        ),
      ),
    );
  }
}

class WelcomeScreen extends StatelessWidget {
  const WelcomeScreen();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text('Добро пожаловать!', style: Theme.of(context).textTheme.headline2),
      ),
    );
  }
}

class SignUpForm extends StatefulWidget {
  @override
  _SignUpFormState createState() => _SignUpFormState();
}

class _SignUpFormState extends State<SignUpForm> {
  final _firstNameTextController = TextEditingController();
  final _lastNameTextController = TextEditingController();
  final _usernameTextController = TextEditingController();

  double _formProgress = 0;

  void _updateFormProgress() {
    var progress = 0.0;
    final controllers = [
      _firstNameTextController,
      _lastNameTextController,
      _usernameTextController
    ];

    for (final controller in controllers) {
      if (controller.value.text.isNotEmpty) {
        progress += 1 / controllers.length;
      }
    }

    setState(() {
      _formProgress = progress;
    });
  }

  void _showWelcomeScreen() {
    Navigator.of(context).pushNamed('/welcome');
  }

  @override
  Widget build(BuildContext context) {
    return Form(
      onChanged: _updateFormProgress,
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          AnimatedProgressIndicator(value: _formProgress),
          Text('Регистрация', style: Theme.of(context).textTheme.headline4),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: TextFormField(
              controller: _firstNameTextController,
              decoration: const InputDecoration(hintText: 'Имя'),
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: TextFormField(
              controller: _lastNameTextController,
              decoration: const InputDecoration(hintText: 'Фамилия'),
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: TextFormField(
              controller: _usernameTextController,
              decoration: const InputDecoration(hintText: 'Логин'),
            ),
          ),
          TextButton(
            style: ButtonStyle(
              foregroundColor: MaterialStateProperty.resolveWith(
                  (Set<MaterialState> states) {
                return states.contains(MaterialState.disabled)
                    ? null
                    : Colors.white;
              }),
              backgroundColor: MaterialStateProperty.resolveWith(
                  (Set<MaterialState> states) {
                return states.contains(MaterialState.disabled)
                    ? null
                    : Colors.blue;
              }),
            ),
            onPressed: _formProgress == 1 ? _showWelcomeScreen : null,
            child: const Text('Зарегистрироваться'),
          ),
        ],
      ),
    );
  }
}

class AnimatedProgressIndicator extends StatefulWidget {
  final double value;

  const AnimatedProgressIndicator({
    required this.value,
  });

  @override
  State<StatefulWidget> createState() {
    return _AnimatedProgressIndicatorState();
  }
}

class _AnimatedProgressIndicatorState extends State<AnimatedProgressIndicator>
    with SingleTickerProviderStateMixin {
  late AnimationController _controller;
  late Animation<Color?> _colorAnimation;
  late Animation<double> _curveAnimation;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      duration: const Duration(milliseconds: 1200),
      vsync: this,
    );

    final colorTween = TweenSequence([
      TweenSequenceItem(
        tween: ColorTween(begin: Colors.red, end: Colors.orange),
        weight: 1,
      ),
      TweenSequenceItem(
        tween: ColorTween(begin: Colors.orange, end: Colors.yellow),
        weight: 1,
      ),
      TweenSequenceItem(
        tween: ColorTween(begin: Colors.yellow, end: Colors.green),
        weight: 1,
      ),
    ]);

    _colorAnimation = _controller.drive(colorTween);
    _curveAnimation = _controller.drive(CurveTween(curve: Curves.easeIn));
  }

  @override
  void didUpdateWidget(oldWidget) {
    super.didUpdateWidget(oldWidget);
    _controller.animateTo(widget.value);
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
      animation: _controller,
      builder: (context, child) => LinearProgressIndicator(
        value: _curveAnimation.value,
        valueColor: _colorAnimation,
        backgroundColor: _colorAnimation.value?.withOpacity(0.4),
      ),
    );
  }
}