颤振导入: 相对路径还是包装?

在 Flutter 中,为了导入我们自己包的 lib 目录中的库,我们应该使用相对导入

import 'foo.dart'

还是包裹进口?

import 'package:my_app/lib/src/foo.dart'

Dart 指南提倡使用相对进口:

在导入包的 lib 目录中的库时,优先选择相对路径。

提供者套件则对 总是 使用包导入说:

  • 始终使用进口包装

除了简洁之外还有其他区别吗? 为什么包装进口会减少相对进口的错误?

32593 次浏览

Provider do not need packages imports anymore.

This was a workaround to an old Dart bug: Flutter: Retrieving top-level state from child returns null

TL;DR, by mixing relative and absolute imports, sometimes Dart created a duplicate of the class definition.

This led to the absurd line that is:

import 'package:myApp/test.dart' as absolute;
import './test.dart' as relative;


void main() {
print(relative.Test().runtimeType == absolute.Test().runtimeType); // false
}

Since provider relies on runtimeType to resolve objects, then this bug made provider unable to obtain an object in some situations.

From the same Dart guidelines, further down they give this reason for the relative imports:

There is no profound reason to prefer the former—it’s just shorter, and we want to be consistent.

Personally, I prefer the absolute method, despite it being more verbose, as it means when I'm importing from different dart files (in other folders), I don't have to work out where the file to be imported is, relative to the current file. Made-up example:

I have two dart files, at different folder levels, that need to import themes/style.dart:

One is widgets/animation/box_anim.dart, where the relative path import would be:

import '../../themes/style.dart';

The other is screens/home_screen.dart with the relative import:

import '../themes/style.dart';

This can get confusing, so I find it better to just use the absolute in both files, keeping it consistent:

import 'package:myapp/themes/style.dart';

And just stick that rule throughout. So, basically, whatever method you use - Consistency is key!

The Linter for Dart package, also has something to say about this, but is more about the Don'ts of mixing in the '/lib' folder:

DO avoid relative imports for files in lib/.

When mixing relative and absolute imports it's possible to create confusion where the same member gets imported in two different ways. An easy way to avoid that is to ensure you have no relative imports that include lib/ in their paths.

TLDR; Choose the one you prefer, note that prefer_relative_imports is recommended in official Effective Dart guide

First of all, as mentioned in this answer, Provider do not recommands package imports anymore.

Dart linter provides a list of rules, including some predefined rulesets :

Imports rules

There is actually more than two opposites rules concerning imports :

  • avoid_relative_lib_imports, enabled in pedantic and lints rulesets, basically recommend to avoid imports that have 'lib' in their paths.

The two following are the one you mention :

Which one should I choose?

Choose the rule you want ! It will not cause any performance issue, and no rule would reduce errors over the other. Just pick one and make your imports consistent across all your project, thanks to Dart linter.

I personnaly prefer using prefer_relative_imports, as it is recommended by Dart team, with this VSCode extension which automatically fix and sort my imports.

This question already has good answers, but I wanted to mention an insanely annoying and hard-to-find problem I experienced with unit testing that was caused by a relative import.

The expect fail indicator for an exception-catching expect block

expect(
() => myFunction,
throwsA(isA<InvalidUserDataException>())
);

was showing the actual result as exactly the same as the expected result, and zero indication of why it's failing.

After massive trial-and-error, the issue was because the expected InvalidUserDataException (a custom-made class) was being imported to the test file in RELATIVE format vs PACKAGE format.

To find this, I had to compare side-by-side, line-by-line, call-by-call between this test file and another test file that uses the exact same exception expecters (It's lucky, we had this), and just by chance, I happened to scroll to the top of this file's imports and see the blue underline saying prefer relative imports to /lib directory.

No, they're not preferred; they're necessary, because the moment I changed that to a PACKAGE (absolute) import, everything suddenly started working.

What I learned from this is: Use absolute imports for test files (files outside the lib directory)

  • e.g. inside of src/test/main_test.dart
    • DON'T: use import '../lib/main.dart'
    • DO: use package:my_flutter_app/main.dart

Maybe other people knew this already, but I didn't, and I couldn't find anything online with searches about this issue, so I thought I would share my experience that might help others who got stuck around this.

Does anyone know why this happens?

Edit: For context, this happened while using Flutter 2.1.4 (stable) with Sound Null Safety

Do you use Integration Tests?

If the answer is yes, then in most cases you need to use package imports. When you attempt to run your integration tests on a physical device, any relative imports will not be able to find what they're looking for.

Example: https://github.com/fluttercommunity/get_it/issues/76

You can enforce package imports in your project by using these two linting rules:

I also prefer package imports because they stick even when rearranging your files and folders. Relative imports frequently break and it's a pain to have to remove them and reimport the offending dependency.

My 5 cents on the topic are that absolute (package:my_app/etc/etc2...) imports cause much less trouble than relative ones (../../etc/etc2...) when you decide to reorganize/cleanup your project`s structure because whenever you move a file from one directory to another you change the "starting point" of every relative import that this file uses thus breaking all the relative imports inside the moved file...

I'd personally always prefer absolute to relative paths for this reason