flutter: packages auto import problem in VS code

Question

When I create a new Stateless or statefull class in any flutter app then VScode auto imports these three packages :

import 'package:flutter/src/foundation/key.dart';
import 'package:flutter/src/widgets/container.dart'; 
import 'package:flutter/src/widgets/framework.dart';

So how can I configure VScode to import only the material package like this:

import 'package:flutter/material.dart';

I tried to change flutter and dart settings in the IDE but nothing changes.

atp · Answer 1 · 2023-04-16T05:05:07.857

Open VS Code and navigate to the "Preferences" menu (on Mac, this is under "Code"; on Windows, it's under "File").
Select "User Snippets" from the dropdown menu.
Select "dart.json" to open the Dart snippets file.
Add the following code to the "stful" and "stless" snippets:

    "stful": {
        "prefix": "stful",
        "body": [
            "import 'package:flutter/material.dart';",
            "",
            "class ${1:MyWidget} extends StatefulWidget {",
            "const ${1:MyWidget}({super.key});",
            "",
            "  @override",
            "   State<${1:MyWidget}> createState() => _${1:MyWidget}State();",
            "}",
            "",
            "class _${1:MyWidget}State extends State<${1:MyWidget}> {",
            "  @override",
            "  Widget build(BuildContext context) {",
            "    return Scaffold(",
            "    );",
            "  }",
            "}"
        ],
        "description": "Stateful widget template"
    },
    "stless": {
        "prefix": "stless",
        "body": [
            "import 'package:flutter/material.dart';",
            "",
            "class ${1:MyWidget} extends StatelessWidget {",
            " const ${1:MyWidget}({super.key});",
            "",
            "  @override",
            "  Widget build(BuildContext context) {",
            "    return Scaffold(",
            "    );",
            "  }",
            "}"
        ],
        "description": "Stateless widget template"
    }

Save the file. Now, every time you use the "stful" or "stless" snippets to create a new widget, the import 'package:flutter/material.dart'; statement will be included by default.

flutter: packages auto import problem in VS code

1 Answers1