Hola, Amigos! Продолжаем разговаривать про настройку наших IDE. В этот раз разберемся, как мы можем работать с импортами в наших .dart файлах и как их настроить, чтобы они сортировались и удалялись, если не используются, автоматически.

Для Android Studio перейдем в настройки IDE (Settings на Windows и Linux, Preferences на macOS), там в “Languages & Frameworks” и выберем Flutter. У нас откроется окно настроек плагина, где у нас уже включен чекбокс “Format code on save”. Под ним есть еще один - “Organize imports on save”, именно он нам и нужен - включаем его.

Для VS Code все немного проще. В settings.json нужно всего лишь включить:

“editor.codeActionsOnSave”: {
  “source.organizeImports”: true
}

Теперь при сохранении файла, наши импорты будут упорядочены, но желательно еще настроить правила линтера для этого в нашем analysis_options.yaml:

linter:
  rules:
    - directives_ordering

или

linter:
  rules:
    directives_ordering: true

Таким образом, наши импорты будут выстраиваться так:

• Импорты из Dart
• Импорты из библиотек, самого фреймворка или статические импорты из проекта
• Локальные импорты по проекту, без использования package:

Например:

import ‘dart:async’;

import ‘package:flutter/material.dart’;
import ‘package:flutter_bloc/flutter_bloc.dart’;
import ‘package:my_app/common/widgets.dart’;

import ‘widgets/app_bar.dart’;
import ‘../../navigation.dart’;

Делитесь в комментариях, включена ли у вас эта настройка и как вы организуете импорты на ваших проектах?