4、官方的导入插件说明
官方的导入插件说明 :
四、Flutter 插件使用
该插件支持将字符串颜色如 “#FFFFFF” 或 “#FFFFFF” 解析成 Flutter 中的 Color 颜色对象 ;
Color color1 = ColorUtil.color('#f2f2f2'); Color color2 = ColorUtil.color('f2f2f2'); print(color1 == color2); //true Color color3 = ColorUtil.color('#a1FF5733'); Color color4 = ColorUtil.color('a1FF5733'); print(color3 == color4); //true
同时该插件还支持将字符串颜色如 “#FFFFFF” 或 “#FFFFFF” 解析成 int 类型颜色 ;
//The following is the same int colorInt1 = ColorUtil.intColor('#f2f2f2'); int colorInt2 = ColorUtil.intColor('f2f2f2'); int colorInt3 = ColorUtil.intColor('#fff2f2f2'); int colorInt5 = ColorUtil.intColor('fff2f2f2');
这些用法都在插件页面的 Readme 选项卡中有说明 ;
在 main.dart 中导入该颜色插件 :
import 'package:flutter_color_plugin/flutter_color_plugin.dart';
设置红色 : 在 Text 组件中设置组件的颜色值 , 这里使用 ColorUtil.color(’#FF0000’) 生成红色 Color 对象 , 设置给 Text 组件样式 ;
children: <Widget>[ Text( 'You have pushed the button this many times:', // 设置该 Text 样式, 红色字体 style: TextStyle(color: ColorUtil.color('#FF0000')), ), Text( '$_counter', style: Theme.of(context).textTheme.display1, ), ],
运行效果 :
五、Flutter 应用入口
在 main.dart 中的 void main() => runApp(MyApp()) 代码就标识了应用入口 ;
六、 相关资源
参考资料 :
Flutter 官网 : https://flutter.dev/
Flutter 开发文档 : https://flutter.cn/docs ( 强烈推荐 )
官方 GitHub 地址 : https://github.com/flutter
Flutter 中文社区 : https://flutter.cn/
Flutter 实用教程 : https://flutter.cn/docs/cookbook
Flutter CodeLab : https://codelabs.flutter-io.cn/
Dart 中文文档 : https://dart.cn/
Dart 开发者官网 : https://api.dart.dev/
Flutter 中文网 ( 非官方 , 翻译的很好 ) : https://flutterchina.club/ , http://flutter.axuer.com/docs/
Flutter 相关问题 : https://flutterchina.club/faq/ ( 入门阶段推荐看一遍 )
博客源码下载 :
GitHub 地址 : https://github.com/han1202012/flutter_cmd ( 随博客进度一直更新 , 有可能没有本博客的源码 )
博客源码快照 : https://download.csdn.net/download/han1202012/15469197 ( 本篇博客的源码快照 , 可以找到本博客的源码 )
