Кроссплатформенный разработчик Flutter (Профессиональный уровень)

Билет №1  

Теоретическая часть:  
1. Объясните, как работает механизм Hot Reload в Flutter и какие ограничения у него есть.  
2. Опишите жизненный цикл StatefulWidget и этапы его инициализации.

Ответ:

1. Как работает механизм Hot Reload в Flutter и какие ограничения у него есть?  
Hot Reload обновляет только изменённые части кода Dart без перезапуска приложения, сохраняя текущее состояние. Работает через JIT-компиляцию и инъекцию нового кода.  

Ограничения:  
- Не поддерживает изменения в main() и конструкторах виджетов  
- Не обрабатывает добавление/удаление полей в классах  
- Может некорректно работать с нативным кодом и сложными асинхронными операциями  

2. Опишите жизненный цикл StatefulWidget и этапы его инициализации. 
Жизненный цикл StatefulWidget состоит из следующих ключевых этапов:  
- createState() — создание объекта состояния  
- initState() — инициализация (один раз)  
- didChangeDependencies() — после initState, при изменении зависимостей  
- build() — построение UI  
- didUpdateWidget() — при обновлении параметров виджета  
- deactivate() — временно удаляется из дерева  
- dispose() — освобождение ресурсов перед уничтожением

Практическая часть:  
Реализуйте BLoC для управления состоянием, который принимает событие IncrementEvent и увеличивает состояние counter.

Ответ:  

import 'package:flutter_bloc/flutter_bloc.dart';

class CounterEvent {}

class IncrementEvent extends CounterEvent {}

class CounterBloc extends Bloc<CounterEvent, int> {
  CounterBloc() : super(0) {
    on<IncrementEvent>((event, emit) => emit(state + 1));
  }
}

Билет №2

Теоретическая часть:  
1. Что такое GlobalKey и в каких случаях он используется?  
2. Какие основные отличия между StatelessWidget и StatefulWidget?

Ответ:

1. Что такое GlobalKey и в каких случаях он используется?  
GlobalKey — это уникальный идентификатор виджета, который позволяет обращаться к его состоянию или элементу из любого места в приложении.  

Используется в случаях:  
- Сохранение состояния при изменении дерева виджетов  
- Анимации между экранами (например, Hero-анимация)  
- Получение контекста или данных о конкретном виджете  
- Управление формами через FormState 

2. Какие основные отличия между StatelessWidget и StatefulWidget? 
- StatelessWidget — статичен, не имеет внутреннего состояния, обновляется только при изменении параметров.  
- StatefulWidget — динамичен, имеет объект `State`, который может меняться и вызывать перерисовку UI через setState().  
- StatelessWidget проще и быстрее в работе, StatefulWidget нужен при необходимости изменения интерфейса в реальном времени.

Практическая часть:  
Создайте FutureBuilder, который отображает данные с API https://jsonplaceholder.typicode.com/posts/1 с использованием модели Post.

Ответ:  

class Post {
  final int id;
  final String title;

  Post({required this.id, required this.title});

  factory Post.fromJson(Map<String, dynamic> json) {
    return Post(
      id: json['id'],
      title: json['title'],
    );
  }
}

Future<Post> fetchPost() async {
  final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1')); 
  if (response.statusCode == 200) {
    return Post.fromJson(jsonDecode(response.body));
  } else {
    throw Exception('Failed to load post');
  }
}

Widget build(BuildContext context) {
  return FutureBuilder<Post>(
    future: fetchPost(),
    builder: (context, snapshot) {
      if (snapshot.hasData) {
        return Text(snapshot.data!.title);
      } else if (snapshot.hasError) {
        return Text("${snapshot.error}");
      }
      return Center(child: CircularProgressIndicator());
    },
  );
}

Билет №3

Теоретическая часть:  
1. Что такое Isolate и зачем он нужен в Dart?  
2. Объясните разницу между const и final в Dart.

Ответ:

1. Что такое Isolate и зачем он нужен в Dart?
Isolate — это механизм параллелизма в Dart, позволяющий выполнять код в отдельном потоке без общей памяти. Каждый isolate имеет собственную кучу и стек, что исключает проблему гонки данных.  

Используется для:  
- Выполнения тяжёлых вычислений без блокировки главного потока  
- Обработки изображений, шифрования, аналитики  
- Работы с фоновыми задачами через spawn и передачи данных через порты  

2. Объясните разницу между const и final в Dart.  
const — это compile-time константа, значение которой известно на этапе компиляции и не может измениться. Используется для неизменных значений и создания неизменных (immutable) объектов.  

final — переменная, которая устанавливается один раз при выполнении программы, но после этого не может быть изменена. Подходит для значений, которые определяются динамически при запуске.  

Основное отличие:  
const — фиксировано на этапе компиляции, final — устанавливается один раз при выполнении.

Практическая часть:  
Реализуйте метод для получения данных из SharedPreferences и сохраните значение "user_token".

Ответ:  

import 'package:shared_preferences/shared_preferences.dart';

Future<void> saveToken(String token) async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  await prefs.setString('user_token', token);
}

Future<String?> getToken() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  return prefs.getString('user_token');
}

Билет №4

Теоретическая часть:  
1. Как работают Platform Channels в Flutter и когда они применяются?  
2. Что такое ScrollController и как он может быть использован?

Ответ:

1. Как работают Platform Channels в Flutter и когда они применяются?
Platform Channels — это механизм взаимодействия между Dart-кодом Flutter и нативным кодом (Kotlin/Swift). Он позволяет вызывать методы на Android и iOS из Dart и получать обратные результаты.  

Работает через три типа каналов:  
- MethodChannel — для вызова нативных методов и получения результата  
- EventChannel — для потоковой передачи событий из натива в Dart  
- BasicMessageChannel — для обмена простыми сообщениями  

Применяется, когда:  
- Нужно использовать нативные библиотеки или API, недоступные в Flutter  
- Требуется высокая производительность или доступ к платформенным функциям (например, считывание отпечатков пальцев)  
- Используются сторонние SDK, написанные на Kotlin или Swift  

2. Что такое ScrollController и как он может быть использован?  
ScrollController — это класс, позволяющий управлять прокруткой scrollable виджетов, таких как ListView, GridView, SingleChildScrollView.  

Используется для:  
- Программного скролла к определённой позиции (animateTo, jumpTo)  
- Отслеживания текущей позиции прокрутки  
- Определения достижения конца списка (для реализации lazy loading)  
- Синхронизации нескольких scrollable элементов  

Может быть подключён к виджету через свойство controller. Также позволяет подписываться на изменения позиции прокрутки через addListener().

Практическая часть:  
Создайте ListView.builder с lazy-loading, который загружает следующую порцию данных при достижении конца списка.

Ответ:  

ScrollController _scrollController = ScrollController();
List<int> items = List.generate(20, (i) => i);
bool isLoading = false;

void _loadMore() async {
  if (_scrollController.position.pixels == _scrollController.position.maxScrollExtent && !isLoading) {
    setState(() {
      isLoading = true;
    });
    await Future.delayed(Duration(seconds: 1));
    setState(() {
      items.addAll(List.generate(10, (i) => items.length + i));
      isLoading = false;
    });
  }
}

@override
void initState() {
  super.initState();
  _scrollController.addListener(_loadMore);
}

@override
Widget build(BuildContext context) {
  return ListView.builder(
    controller: _scrollController,
    itemCount: items.length,
    itemBuilder: (context, index) {
      return ListTile(title: Text("Item ${items[index]}"));
    },
  );
}

Билет №5

Теоретическая часть:  
1. Что такое Hero-анимация и как она реализуется в Flutter?  
2. В чём разница между MaterialPageRoute и CupertinoPageRoute?

Ответ:

1. Что такое Hero-анимация и как она реализуется в Flutter? 
Hero-анимация — это плавный переход между двумя экранами, при котором общий элемент (например, изображение или карточка) анимированно перемещается от одного экрана к другому.

Реализуется с помощью виджета Hero, который оборачивает элемент на обоих экранах и использует одинаковое значение параметра tag. При навигации между экранами Flutter автоматически создаёт анимацию перехода этого элемента.

Пример:

// На первом экране
Hero(tag: 'item001', child: Image.asset('image.png'));

// На втором экране
Hero(tag: 'item001', child: Image.asset('image.png'));

Navigator.push(context, MaterialPageRoute(builder: (_) => SecondScreen()));

2. В чём разница между MaterialPageRoute и CupertinoPageRoute?
MaterialPageRoute и CupertinoPageRoute — это классы для навигации между экранами, но они отличаются по стилю и анимации перехода:

- MaterialPageRoute — использует Material Design стиль и анимацию перехода, характерную для Android.
- CupertinoPageRoute — использует стиль и анимацию, присущую iOS (смахивание для возврата, правый скос).

Выбор зависит от целевой платформы и желаемого UX:  
- Для Android-подобного поведения — MaterialPageRoute  
- Для iOS-подобного поведения — CupertinoPageRoute

Практическая часть:  
Создайте простое приложение с двумя экранами, где на первом экране находится изображение, и при переходе оно плавно анимируется на второй экран через Hero.

Ответ:  

// Screen 1
Hero(
  tag: 'imageHero',
  child: Image.network('https://example.com/image.jpg'), 
);

// Screen 2
Hero(
  tag: 'imageHero',
  child: Image.network('https://example.com/image.jpg'), 
);

Navigator.push(context, MaterialPageRoute(builder: (_) => SecondScreen()));

Билет №6

Теоретическая часть:  
1. Что такое BuildContext и почему он важен в Flutter?  
2. Как использовать Key в виджетах и зачем это нужно?

Ответ:

1. Что такое BuildContext и почему он важен в Flutter?
BuildContext — это ссылка на текущее расположение виджета в дереве элементов. Он передается в метод build и используется для доступа к другим виджетам, провайдерам, темам, навигации и другим данным из дерева.

Важные случаи использования:
- Получение данных через Provider.of<T>(context)
- Навигация с помощью Navigator.of(context)
- Доступ к теме приложения через Theme.of(context)
- Поиск родительских или дочерних виджетов

BuildContext жизненно важен для взаимодействия с окружением виджета и получения информации о его положении в приложении.

2. Как использовать Key в виджетах и зачем это нужно?  
Key — это уникальный идентификатор виджета, который помогает Flutter определить, какой именно виджет изменился при ребилде дерева.

Используется, когда:
- Необходимо сохранить состояние при изменении позиции виджета в списке
- Требуется переиспользовать виджеты с разным состоянием
- Реализуется анимация Hero или другие переходы
- Ведётся работа с формами, где важно отслеживать конкретные элементы

Типы Keys:
- ValueKey — на основе значения (например, id)
- ObjectKey — на основе объекта
- UniqueKey — всегда уникален

Пример:

Text('Item 1', key: ValueKey('item_1'));

Практическая часть:  
Реализуйте Provider для передачи темы (light/dark) по дереву виджетов и переключение её из UI.

Ответ:  

class ThemeProvider with ChangeNotifier {
  bool _isDarkMode = false;

  bool get isDarkMode => _isDarkMode;

  void toggleTheme() {
    _isDarkMode = !_isDarkMode;
    notifyListeners();
  }
}

// В main
ChangeNotifierProvider(
  create: (_) => ThemeProvider(),
  child: MyApp(),
);

// В UI
IconButton(
  icon: Icon(Icons.brightness_4),
  onPressed: () {
    Provider.of<ThemeProvider>(context, listen: false).toggleTheme();
  },
);

ThemeData _theme = Provider.of<ThemeProvider>(context).isDarkMode ? ThemeData.dark() : ThemeData.light();

Билет №7

Теоретическая часть:  
1. Что такое JSON сериализация и как она реализуется в Flutter?  
2. Объясните работу Stream и как он отличается от Future.

Ответ:

1. Что такое JSON сериализация и как она реализуется в Flutter?
JSON сериализация — это процесс преобразования Dart-объектов в формат JSON и обратно. Это необходимо при работе с REST API, локальным хранилищем или передачей данных между слоями приложения.

В Flutter сериализация реализуется двумя основными способами:
- Вручную через jsonDecode / jsonEncode и написание методов fromJson / toJson у модели
- Автоматически с помощью пакетов, таких как json_serializable, который генерирует код на основе аннотаций

Пример ручной реализации:

class User {
  final String name;
  final int age;

  User({required this.name, required this.age});

  factory User.fromJson(Map<String, dynamic> json) {
    return User(name: json['name'], age: json['age']);
  }

  Map<String, dynamic> toJson() {
    return {'name': name, 'age': age};
  }
}

2. Объясните работу Stream и как он отличается от Future.  
Stream — это последовательность асинхронных событий, которые могут приходить со временем. В отличие от Future, который возвращает одно значение, Stream может отправлять множество значений.

Используется для:
- Работы с сокетами и реалтайм данными
- Обработки пользовательских событий (например, жесты)
- Считывания данных с датчиков или потокового контента

Отличия от Future:
- Future возвращает одно значение (успех или ошибку), Stream — несколько значений
- Future завершает выполнение после получения результата, Stream может работать неограниченно долго
- Future подходит для одноразовых операций (загрузка данных), Stream — для реактивного программирования и обработки потоков

Пример использования Stream:

final stream = Stream.fromIterable([1, 2, 3]);

stream.listen((value) {
  print(value);
});

Практическая часть:  
Создайте класс с методом fromJson, который парсит объект User из JSON.

Ответ:  

class User {
  final String name;
  final int age;

  User({required this.name, required this.age});

  factory User.fromJson(Map<String, dynamic> json) {
    return User(
      name: json['name'],
      age: json['age'],
    );
  }

  Map<String, dynamic> toJson() {
    return {
      'name': name,
      'age': age,
    };
  }
}

Билет №8

Теоретическая часть:  
1. Как работает механизм рендеринга виджетов в Flutter?  
2. Что такое Golden-тесты и как они используются?

Ответ: 

1. Как работает механизм рендеринга виджетов в Flutter?  
Механизм рендеринга в Flutter строится на трёх основных деревьях:

- Widget Tree — описание UI, созданное разработчиком
- Element Tree — промежуточное представление, связывающее виджеты с реальным рендерингом
- Render Tree — дерево, отвечающее за макет и отрисовку элементов на экране

Когда состояние виджета изменяется (например, через setState()), Flutter помечает соответствующую часть дерева как "грязную" и перестраивает только те элементы, которые изменились. Это позволяет минимизировать количество вычислений и повысить производительность.

Flutter использует движок Skia (или Impeller) для непосредственной отрисовки виджетов на экране. Все обновления происходят в одном потоке, что упрощает управление состоянием и синхронизацию.

2. Что такое Golden-тесты и как они используются? 
Golden-тесты — это тип тестирования пользовательского интерфейса, при котором делается скриншот конкретного виджета или экрана и сравнивается с эталонным изображением (golden файлом).

Используются для:
- Проверки визуального представления критических частей интерфейса
- Обнаружения неожиданных изменений внешнего вида после рефакторинга
- Гарантии стабильности UI при обновлении зависимостей или кодовой базы

Golden-тесты особенно полезны при работе над дизайн-системами, компонентными библиотеками или сложными анимациями.

Пример использования:

testWidgets('Golden test for MyWidget', (tester) async {
  await tester.pumpWidget(MyWidget());
  await expectLater(find.byType(MyWidget), matchesGoldenFile('my_widget.png'));
});

Практическая часть:  
Напишите unit-тест для проверки суммы двух чисел.

Ответ:  

void main() {
  test('Addition test', () {
    expect(2 + 2, equals(4));
  });
}

Билет №9

Теоретическая часть:  
1. Что такое CI/CD и как его можно настроить для Flutter-проекта?  
2. Объясните принцип работы RxDart и его преимущества.

Ответ:

1. Что такое CI/CD и как его можно настроить для Flutter-проекта?
CI/CD — это практика автоматизации процессов сборки, тестирования (CI — Continuous Integration) и деплоя (CD — Continuous Delivery/Deployment) приложения. Это позволяет быстро и безопасно выпускать обновления.

Для Flutter-проекта CI/CD можно настроить с помощью следующих инструментов:
- GitHub Actions — автоматизация через YAML-конфигурации в репозитории
- GitLab CI — удобен для проектов в GitLab
- Firebase App Distribution — для автоматической отправки билдов QA или пользователям
- Codemagic, Bitrise, AppCenter — специализированные платформы под Flutter

Пример этапов:
- Тестирование: unit, widget, integration
- Сборка: flutter build apk / ios
- Подписание: Android (keystore), iOS (certificates)
- Деплой: публикация в Google Play / App Store или внутренние тестовые каналы

2. Объясните принцип работы RxDart и его преимущества. 
RxDart — это библиотека, расширяющая возможности Stream в Dart с помощью реактивного программирования. Основана на принципах Rx (Reactive Extensions).

Основные элементы:
- Observable — поток данных, который может быть преобразован, фильтрован и объединён
- Subject — объект, позволяющий отправлять данные в поток (например, BehaviorSubject, PublishSubject)
- Операторы — map, filter, debounce, switchMap и другие для обработки данных

Принцип работы:
- Создается поток данных (Stream)
- К потоку применяются операторы для трансформации
- Подписчик получает измененные данные через listen

Преимущества:
- Упрощает работу с асинхронными данными
- Позволяет легко реализовать сложную логику обработки событий (например, debounce при поиске)
- Поддерживает реактивное управление состоянием без использования BLoC напрямую
- Хорошо подходит для работы с формами, сетью и пользовательским вводом

Практическая часть:  
Используя RxDart, создайте BehaviorSubject, который фильтрует входящие значения больше 10.

Ответ:  

final subject = BehaviorSubject<int>();

subject.stream
  .where((value) => value > 10)
  .listen((value) => print("Filtered Value: $value"));

subject.add(5);   // не выведется
subject.add(15);  // выведется

Билет №10

Теоретическая часть:  
1. Что такое Hive и как он используется для локального хранения данных?  
2. Как организовать работу с нативным кодом через Kotlin/Swift в Flutter?

Ответ:

1. Что такое Hive и как он используется для локального хранения данных?  
Hive — это легковесная, быстрая и простая в использовании NoSQL локальная база данных для Flutter. Не требует нативных зависимостей и подходит для хранения небольших объемов данных, таких как настройки, кэш, пользовательские данные.

Работает с:
- Примитивными типами (int, double, bool, String)
- Списками, картами
- Пользовательскими объектами через адаптеры

Использование:
- Создается "коробка" (Box) — аналог таблицы
- В нее добавляются данные с помощью put(), add()
- Данные извлекаются через get() или слушаются через watch()

Пример:

final box = Hive.box('myBox');
box.put('username', 'john_doe');
String name = box.get('username');

2. Как организовать работу с нативным кодом через Kotlin/Swift в Flutter?  
Для взаимодействия с нативным кодом в Flutter используется механизм Platform Channels. Он позволяет вызывать методы на Android (Kotlin) и iOS (Swift) из Dart и получать обратный результат.

Шаги:
- Определяется канал связи (MethodChannel)
- В нативном коде создается обработчик для вызова методов
- В Dart вызываются методы канала и обрабатываются результаты

Пример на Dart:

const platform = MethodChannel('channel_name');
final String result = await platform.invokeMethod('nativeMethod');

На Android (Kotlin):

val channel = MethodChannel(flutterEngine.dartExecutor.binaryMessenger, "channel_name")
channel.setMethodCallHandler { call, result ->
  if (call.method == "nativeMethod") {
    result.success("Hello from Android")
  }
}

На iOS (Swift):

let channel = FlutterMethodChannel(name: "channel_name", binaryMessenger: controller.binaryMessenger)
channel.setMethodCallHandler { call, result in
  if call.method == "nativeMethod" {
    result(nil, "Hello from iOS")
  }
}

Такой подход применяется при необходимости использования платформенных API, SDK или оптимизации критичных участков кода.

Практическая часть:  
Создайте базовое хранилище Hive для хранения списка пользователей.

Ответ:  

final box = Hive.box<User>('userBox');

void addUser(User user) {
  box.add(user);
}

List<User> getAllUsers() {
  return box.values.toList();
}

Билет №11

Теоретическая часть:  
1. Как реализовать deep linking в Flutter?  
2. Что такое Navigator и как он используется для навигации?

Ответ:

1. Как реализовать deep linking в Flutter?  
Deep linking позволяет открывать приложение через внешнюю ссылку (например, с браузера или другого приложения). В Flutter реализуется через настройку `onGenerateRoute` и конфигурации нативных платформ.

Шаги:
- Определить маршруты и обработчик ссылок
- Настроить onGenerateRoute для обработки динамических путей
- Зарегистрировать URL-схемы в Android и iOS

Пример обработчика:

onGenerateRoute: (RouteSettings settings) {
  if (settings.name?.startsWith('/profile/') == true) {
    final String id = settings.name!.split('/').last;
    return MaterialPageRoute(builder: (_) => ProfileScreen(id: id));
  }
  return null;
}

Настройка:
- Android: добавление intent-filter в AndroidManifest.xml
- iOS: настройка Info.plist для поддержки Universal Links или custom schemes

2. Что такое Navigator и как он используется для навигации? 
Navigator — это виджет, управляющий стеком маршрутов (экранов) в приложении. Позволяет переходить между экранами, передавать данные и возвращаться назад.

Используется через:
- Navigator.push() — переход к новому экрану
- Navigator.pop() — возврат к предыдущему экрану
- Navigator.pushReplacement() — замена текущего экрана
- Navigator.pushNamed() — переход по имени маршрута

Пример:

Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondScreen()),
);

// С использованием именованных маршрутов
Navigator.pushNamed(context, '/details');

Для работы с именованными маршрутами необходимо задать routes в MaterialApp или использовать onGenerateRoute.

Практическая часть:  
Настройте обработку ссылки myapp://profile/123 и переход к ProfileScreen с ID 123.

Ответ:  

onGenerateRoute: (settings) {
  if (settings.name?.startsWith('/profile/') == true) {
    final id = settings.name?.split('/').last;
    return MaterialPageRoute(builder: (_) => ProfileScreen(id: id));
  }
  return null;
}

Билет №12

Теоретическая часть:  
1. Что такое CustomPainter и как он используется в Flutter?  
2. Как оптимизировать производительность Flutter-приложений?

Ответ:

1. Что такое CustomPainter и как он используется в Flutter?  
CustomPainter — это абстрактный класс, позволяющий рисовать произвольные фигуры, линии, текст и изображения на Canvas. Используется для создания уникальных виджетов, анимаций или графических элементов, недоступных стандартными средствами.

Реализуется через создание собственного класса, который переопределяет метод paint() и shouldRepaint().

Пример:

class MyPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final center = Offset(size.width / 2, size.height / 2);
    final paint = Paint()..color = Colors.blue;
    canvas.drawCircle(center, 50, paint);
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) => true;
}

Использование:

CustomPaint(
  painter: MyPainter(),
  size: Size(200, 200),
  child: Container(),
);

2. Как оптимизировать производительность Flutter-приложений? 
Для повышения производительности Flutter-приложений применяются следующие практики:

- Использование const конструкторов для статичных виджетов, чтобы избежать лишних ребилдов
- Применение ListView.builder, GridView.builder вместо построения списков целиком
- Оптимизация дерева виджетов: минимизация глубины и количества перерисовок
- Использование Selector или Consumer (в Provider) для избирательного обновления UI
- Отказ от тяжёлых операций в методах build
- Использование PageView с PageStorageKey для сохранения состояния экранов
- Работа с изолятами (Isolate) для выполнения тяжёлых вычислений в фоне
- Использование keepAlive для сохранения состояния при прокрутке
- Упрощение анимаций и переходов
- Профилирование с помощью DevTools: поиск узких мест, анализ памяти и времени рендера

Практическая часть:  
Создайте CustomPainter, который рисует красный круг в центре Canvas.

Ответ:  

class CirclePainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final center = Offset(size.width / 2, size.height / 2);
    final paint = Paint()..color = Colors.red;
    canvas.drawCircle(center, 50, paint);
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) => false;
}

Билет №13

Теоретическая часть:  
1. Что такое Localizations и как он используется в Flutter?  
2. Как реализовать pull-to-refresh в списке?

Ответ:

1. Что такое Localizations и как он используется в Flutter?  
Localizations — это встроенный механизм локализации интерфейса в Flutter, позволяющий адаптировать приложение под разные языки и локали.

Используется через:
- Создание делегатов локализации
- Определение ARB-файлов (app_en.arb, app_ru.arb и т.д.)
- Подключение localizationsDelegates и supportedLocales в MaterialApp

Пример настройки:

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        AppLocalizations.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en', ''),
        Locale('ru', ''),
      ],
      home: HomeScreen(),
    );
  }
}

Доступ к локализованным строкам:

AppLocalizations.of(context)!.helloText

2. Как реализовать pull-to-refresh в списке?  
Pull-to-refresh реализуется с помощью виджета `RefreshIndicator`. Он оборачивает `ListView`, `GridView` или другой scrollable виджет и вызывает функцию обновления при свайпе вниз.

Пример:

class MyList extends StatefulWidget {
  @override
  _MyListState createState() => _MyListState();
}

class _MyListState extends State<MyList> {
  List<String> items = ['Item 1', 'Item 2', 'Item 3'];

  Future<void> _refreshData() async {
    await Future.delayed(Duration(seconds: 2));
    setState(() {
      items.add('New Item');
    });
  }

  @override
  Widget build(BuildContext context) {
    return RefreshIndicator(
      onRefresh: _refreshData,
      child: ListView.builder(
        itemCount: items.length,
        itemBuilder: (context, index) {
          return ListTile(title: Text(items[index]));
        },
      ),
    );
  }
}

Практическая часть:  
Создайте RefreshIndicator, который обновляет список данных при свайпе.

Ответ:  

Future<void> _refreshData() async {
  await Future.delayed(Duration(seconds: 2));
  setState(() {
    items = List.generate(20, (i) => i);
  });
}

@override
Widget build(BuildContext context) {
  return RefreshIndicator(
    onRefresh: _refreshData,
    child: ListView.builder(
      itemCount: items.length,
      itemBuilder: (context, index) {
        return ListTile(title: Text("Item $index"));
      },
    ),
  );
}

Билет №14

Теоретическая часть:  
1. Что такое Equatable и зачем он используется в Flutter?  
2. Как использовать Freezed для создания immutable моделей?

Ответ:

1. Что такое Equatable и зачем он используется в Flutter?
Equatable — это библиотека, которая упрощает сравнение объектов в Dart. По умолчанию оператор == сравнивает ссылки на объекты, а не их содержимое. Equatable позволяет переопределять метод == и hashCode, чтобы сравнивать объекты по значению.

Используется в случаях, когда важно определить, изменились ли данные для обновления состояния (например, в BLoC или Provider).

Пример:

class User extends Equatable {
  final String name;
  final int age;

  const User({required this.name, required this.age});

  @override
  List<Object> get props => [name, age];
}

Без Equatable пришлось бы вручную реализовывать == и hashCode.

2. Как использовать Freezed для создания immutable моделей? 
Freezed — это мощная библиотека для создания неизменяемых (immutable) классов в Dart с поддержкой copyWith, union-типов и автоматической сериализации.

Упрощает создание моделей, особенно при работе с JSON и state management.

Пример:

@freezed
class User with _$User {
  const factory User({
    required String name,
    required int age,
  }) = _User;
}

После этого можно:
- Создавать экземпляры: User(name: 'John', age: 30)
- Клонировать с изменениями: user.copyWith(age: 40)
- Автоматически получать реализацию ==, hashCode, toString
- Использовать для работы с json_serializable без ручного кода

Для работы нужно добавить зависимости `freezed_annotation`, `freezed` и запускать билд-раннер:

flutter pub run build_runner build

Практическая часть:  
Создайте модель пользователя с полями name и email через Freezed.

Ответ:  

@freezed
class User with _$User {
  const factory User({
    required String name,
    required String email,
  }) = _User;
}

Билет №15

Теоретическая часть:  
1. Что такое Retrofit и как он используется для REST API в Flutter?  
2. Как работать с изображениями в Flutter?

Ответ:

1. Что такое Retrofit и как он используется для REST API в Flutter? 
Retrofit — это библиотека, позволяющая легко создавать клиенты для работы с REST API. Она автоматически преобразует HTTP-запросы в вызовы методов Dart и поддерживает сериализацию данных.

Используется через определение абстрактного класса с аннотациями, где каждый метод соответствует определённому HTTP-запросу.

Пример:

@RestApi(baseUrl: "https://jsonplaceholder.typicode.com/") 
abstract class UserApi {
  factory UserApi(Dio dio) = _UserApi;

  @GET("/users")
  Future<List<User>> getUsers();

  @POST("/users")
  Future<User> createUser(@Body() User user);
}

После этого можно вызывать:

final api = UserApi(dio);
final users = await api.getUsers();

Требуется запуск `build_runner` для генерации реализации.

2. Как работать с изображениями в Flutter? 
В Flutter изображения могут загружаться из разных источников и отображаться с помощью виджета `Image`.

Основные способы загрузки:
- Локальные изображения: Image.asset('assets/images/logo.png')
- Сетевые изображения: Image.network('https://example.com/image.jpg')
- Из файла: Image.file(File('/path/to/image.jpg'))

Для кэширования сетевых изображений используется пакет `cached_network_image`:

CachedNetworkImage(
  imageUrl: 'https://example.com/image.jpg', 
  placeholder: (context, url) => CircularProgressIndicator(),
  errorWidget: (context, url, error) => Icon(Icons.error),
)

Дополнительно:
- Для масштабирования: `InteractiveViewer`
- Для анимированных изображений: `ImageSequenceAnimator`
- Для SVG: `flutter_svg`

Изображения также можно рисовать и модифицировать через `Canvas` с использованием `CustomPainter`.

Практическая часть:  
Создайте интерфейс Retrofit для GET-запроса получения списка постов.

Ответ:  

@RestApi(baseUrl: "https://jsonplaceholder.typicode.com/") 
abstract class PostApi {
  factory PostApi(Dio dio) = _PostApi;

  @GET("/posts")
  Future<List<Post>> getPosts();
}