将 flutter widget 提取到新文件中的快捷方式

Question

我使用Android Studio。我在一个文件中有一些 Flutter 小部件。它是否是一种将小部件快速提取到其自己的 DART 文件中的方法，就像快捷方式一样？

例如，如何从这样的文件中提取HomePage？

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import 'my_chart.dart';
import 'my_schedule.dart';
import 'my_slider.dart';

void main() => runApp(ChangeNotifierProvider(
      create: (context) => MySchedule(),
      child: HomePage(),
    ));

// TODO extract HomePage to a new file via a shortcut
class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.white,
        appBar: AppBar(
          title: Center(
            child: Text('Change Piechart Dynamically'),
          ),
        ),
        body: Column(
          children: <Widget>[
            Expanded(
              child: MyChart(),
            ),
            Expanded(
              child: MySlider(),
            )
          ],
        ),
      ),
    );
  }
}

Answer 1

您可能通过使用提取小部件功能将小部件从小部件树中提取到额外的类中。\n虽然我还没有找到将已创建的类提取到新文件的快捷方式，但可以通过安装“ Flutter增强套件” Marius H\xc3\xb6fler 的插件，您将获得直接将小部件提取到新文件中的快捷方式：CTRL+ ALT+E

\n