Flutter 使用package包或者plugin插件

这里以使用css_colors包为例

1.首先打开或者创建一个Flutter项目

2.打开pubspec.yaml配置文件,添加css_colors的引用

dependencies:
  flutter:
    sdk: flutter
  css_colors: ^1.0.0

3.在命令行中运行flutter pub get指令或者在Android Studio中点击pubspec.yaml配置文件编辑页面顶部的Packages get按钮安装相关包

4.打开lib/main.dart文件,在顶部添加import 'package:css_colors/css_colors.dart';导入包

5.使用包提供的颜色值,例如CSSColors.orange

如下完整示例,通过css_colors包提供的颜色值,设置页面的背景色为橙色

import 'package:css_colors/css_colors.dart';
 import 'package:flutter/material.dart';

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

 class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
       home: DemoPage(),
     );
   }
 }

 class DemoPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(body: Container(color: CSSColors.orange));
   }
 }
posted @ 2019-10-11 16:43  野猿新一  阅读(44)  评论(0编辑  收藏  举报