如何将包导入 DartPad？

Question

我正在做代码实验室 Write your first Flutter app。第 4 步是关于使用外部包。是否可以将外部包导入 DartPad？我在左下角看到“控制台”和“文档”选项卡，但这些窗格中没有任何内容。控制台是 DartPad 的未来功能吗？还有其他导入外部包的方法吗？

Answer 1

对于

下列出的所有软件包

Directly importable packages

（您在屏幕截图中看到的对话框通过单击右下角的信息图标打开）

您可以通过将相应的导入语句添加到 DartPad 代码的顶部来简单地导入它们。这是 GoogleFonts 的示例：

import 'package:flutter/material.dart';
// simply add this line to import GoogleFonts
import 'package:google_fonts/google_fonts.dart';

const Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: darkBlue,
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text(
      'This is Google Fonts',
      // Use the package wherever you like
      style: GoogleFonts.lato(
        textStyle: TextStyle(color: Colors.blue, letterSpacing: .5),
      ),
    );
  }
}

如何将包导入 DartPad？

How to import a package into DartPad?

flutter

dartpad