Flutter图标展示插件flutter_devicon的使用
Flutter图标展示插件flutter_devicon的使用
flutter_devicon
flutter_devicon
是一个用于展示编程语言和工具图标的小部件库。它基于 devicon
字体。
使用
导入库
首先,在你的 Dart 文件中导入 flutter_devicon
库:
import 'package:flutter_devicon/flutter_devicon.dart';
在代码中使用
你可以像使用任何其他 IconData
对象一样使用 flutter_devicon
中的图标。例如,要显示一个 React 图标,可以这样写:
Icon(FlutterDEVICON.react_original)
完整示例
以下是一个完整的示例,展示了如何在 Flutter 应用程序中使用 flutter_devicon
插件来展示多种图标。
示例代码
import 'package:flutter/material.dart';
import 'package:flutter_devicon/flutter_devicon.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// 这个小部件是你的应用的根。
[@override](/user/override)
Widget build(BuildContext context) {
return MaterialApp(
title: 'FlutterDEVICON Demo',
theme: ThemeData(
// 应用的主题。
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text('Flutter DevIcon'),
),
body: GridView.count(
crossAxisCount: 4,
childAspectRatio: 4.0,
children: [
ListTile(
leading: Icon(FlutterDEVICON.react_original_wordmark),
title: Text("react_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.react_original),
title: Text("react_original")),
ListTile(
leading: Icon(FlutterDEVICON.amazonwebservices_original),
title: Text("amazonwebservices_original")),
ListTile(
leading: Icon(FlutterDEVICON.symfony_original_wordmark),
title: Text("symfony_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.amazonwebservices_plain_wordmark),
title: Text("amazonwebservices_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.symfony_original),
title: Text("symfony_original")),
ListTile(
leading: Icon(FlutterDEVICON.redis_plain_wordmark),
title: Text("redis_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.redis_plain),
title: Text("redis_plain")),
ListTile(
leading: Icon(FlutterDEVICON.meteor_plain_wordmark),
title: Text("meteor_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.meteor_plain),
title: Text("meteor_plain")),
ListTile(
leading: Icon(FlutterDEVICON.heroku_line_wordmark),
title: Text("heroku_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.heroku_line),
title: Text("heroku_line")),
ListTile(
leading: Icon(FlutterDEVICON.heroku_plain_wordmark),
title: Text("heroku_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.android_plain_wordmark),
title: Text("android_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.android_plain),
title: Text("android_plain")),
ListTile(
leading: Icon(FlutterDEVICON.heroku_plain),
title: Text("heroku_plain")),
ListTile(
leading: Icon(FlutterDEVICON.go_line),
title: Text("go_line")),
ListTile(
leading: Icon(FlutterDEVICON.nodewebkit_line_wordmark),
title: Text("nodewebkit_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.nodewebkit_line),
title: Text("nodewebkit_line")),
ListTile(
leading: Icon(FlutterDEVICON.nodewebkit_plain_wordmark),
title: Text("nodewebkit_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.nodewebkit_plain),
title: Text("nodewebkit_plain")),
ListTile(
leading: Icon(FlutterDEVICON.nginx_original),
title: Text("nginx_original")),
ListTile(
leading: Icon(FlutterDEVICON.erlang_plain_wordmark),
title: Text("erlang_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.erlang_plain),
title: Text("erlang_plain")),
ListTile(
leading: Icon(FlutterDEVICON.doctrine_line_wordmark),
title: Text("doctrine_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.doctrine_line),
title: Text("doctrine_line")),
ListTile(
leading: Icon(FlutterDEVICON.doctrine_plain_wordmark),
title: Text("doctrine_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.go_plain),
title: Text("go_plain")),
ListTile(
leading: Icon(FlutterDEVICON.angularjs_plain_wordmark),
title: Text("angularjs_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.angularjs_plain),
title: Text("angularjs_plain")),
ListTile(
leading: Icon(FlutterDEVICON.docker_plain_wordmark),
title: Text("docker_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.docker_plain),
title: Text("docker_plain")),
ListTile(
leading: Icon(FlutterDEVICON.appcelerator_original),
title: Text("appcelerator_original")),
ListTile(
leading: Icon(FlutterDEVICON.appcelerator_plain_wordmark),
title: Text("appcelerator_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.apple_original),
title: Text("apple_original")),
ListTile(
leading: Icon(FlutterDEVICON.atom_original_wordmark),
title: Text("atom_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.atom_original),
title: Text("atom_original")),
ListTile(
leading: Icon(FlutterDEVICON.doctrine_plain),
title: Text("doctrine_plain")),
ListTile(
leading: Icon(FlutterDEVICON.apache_line_wordmark),
title: Text("apache_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.apache_line),
title: Text("apache_line")),
ListTile(
leading: Icon(FlutterDEVICON.apache_plain_wordmark),
title: Text("apache_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.apache_plain),
title: Text("apache_plain")),
ListTile(
leading: Icon(FlutterDEVICON.redhat_plain_wordmark),
title: Text("redhat_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.redhat_plain),
title: Text("redhat_plain")),
ListTile(
leading: Icon(FlutterDEVICON.backbonejs_plain_wordmark),
title: Text("backbonejs_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.backbonejs_plain),
title: Text("backbonejs_plain")),
ListTile(
leading: Icon(FlutterDEVICON.bootstrap_plain_wordmark),
title: Text("bootstrap_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.bootstrap_plain),
title: Text("bootstrap_plain")),
ListTile(
leading: Icon(FlutterDEVICON.bower_line_wordmark),
title: Text("bower_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.bower_line),
title: Text("bower_line")),
ListTile(
leading: Icon(FlutterDEVICON.safari_line_wordmark),
title: Text("safari_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.gimp_plain),
title: Text("gimp_plain")),
ListTile(
leading: Icon(FlutterDEVICON.cplusplus_line),
title: Text("cplusplus_line")),
ListTile(
leading: Icon(FlutterDEVICON.cplusplus_plain),
title: Text("cplusplus_plain")),
ListTile(
leading: Icon(FlutterDEVICON.csharp_line),
title: Text("csharp_line")),
ListTile(
leading: Icon(FlutterDEVICON.csharp_plain),
title: Text("csharp_plain")),
ListTile(
leading: Icon(FlutterDEVICON.c_line),
title: Text("c_line")),
ListTile(
leading: Icon(FlutterDEVICON.c_plain),
title: Text("c_plain")),
ListTile(
leading: Icon(FlutterDEVICON.safari_line),
title: Text("safari_line")),
ListTile(
leading: Icon(FlutterDEVICON.safari_plain_wordmark),
title: Text("safari_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.safari_plain),
title: Text("safari_plain")),
ListTile(
leading: Icon(FlutterDEVICON.jetbrains_plain),
title: Text("jetbrains_plain")),
ListTile(
leading: Icon(FlutterDEVICON.django_line),
title: Text("django_line")),
ListTile(
leading: Icon(FlutterDEVICON.django_plain),
title: Text("django_plain")),
ListTile(
leading: Icon(FlutterDEVICON.bower_plain_wordmark),
title: Text("bower_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.bower_plain),
title: Text("bower_plain")),
ListTile(
leading: Icon(FlutterDEVICON.chrome_plain_wordmark),
title: Text("chrome_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.chrome_plain),
title: Text("chrome_plain")),
ListTile(
leading: Icon(FlutterDEVICON.codeigniter_plain_wordmark),
title: Text("codeigniter_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.codeigniter_plain),
title: Text("codeigniter_plain")),
ListTile(
leading: Icon(FlutterDEVICON.coffeescript_original_wordmark),
title: Text("coffeescript_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.coffeescript_original),
title: Text("coffeescript_original")),
ListTile(
leading: Icon(FlutterDEVICON.css3_plain_wordmark),
title: Text("css3_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.css3_plain),
title: Text("css3_plain")),
ListTile(
leading: Icon(FlutterDEVICON.debian_plain_wordmark),
title: Text("debian_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.debian_plain),
title: Text("debian_plain")),
ListTile(
leading: Icon(FlutterDEVICON.dot_net_plain_wordmark),
title: Text("dot_net_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.dot_net_plain),
title: Text("dot_net_plain")),
ListTile(
leading: Icon(FlutterDEVICON.drupal_plain_wordmark),
title: Text("drupal_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.drupal_plain),
title: Text("drupal_plain")),
ListTile(
leading: Icon(FlutterDEVICON.firefox_plain_wordmark),
title: Text("firefox_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.firefox_plain),
title: Text("firefox_plain")),
ListTile(
leading: Icon(FlutterDEVICON.foundation_plain_wordmark),
title: Text("foundation_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.foundation_plain),
title: Text("foundation_plain")),
ListTile(
leading: Icon(FlutterDEVICON.git_plain_wordmark),
title: Text("git_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.git_plain),
title: Text("git_plain")),
ListTile(
leading: Icon(FlutterDEVICON.grunt_line_wordmark),
title: Text("grunt_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.grunt_line),
title: Text("grunt_line")),
ListTile(
leading: Icon(FlutterDEVICON.grunt_plain_wordmark),
title: Text("grunt_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.grunt_plain),
title: Text("grunt_plain")),
ListTile(
leading: Icon(FlutterDEVICON.gulp_plain),
title: Text("gulp_plain")),
ListTile(
leading: Icon(FlutterDEVICON.html5_plain_wordmark),
title: Text("html5_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.html5_plain),
title: Text("html5_plain")),
ListTile(
leading: Icon(FlutterDEVICON.ie10_original),
title: Text("ie10_original")),
ListTile(
leading: Icon(FlutterDEVICON.illustrator_line),
title: Text("illustrator_line")),
ListTile(
leading: Icon(FlutterDEVICON.illustrator_plain),
title: Text("illustrator_plain")),
ListTile(
leading: Icon(FlutterDEVICON.inkscape_plain_wordmark),
title: Text("inkscape_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.inkscape_plain),
title: Text("inkscape_plain")),
ListTile(
leading: Icon(FlutterDEVICON.java_plain_wordmark),
title: Text("java_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.java_plain),
title: Text("java_plain")),
ListTile(
leading: Icon(FlutterDEVICON.javascript_plain),
title: Text("javascript_plain")),
ListTile(
leading: Icon(FlutterDEVICON.jquery_plain_wordmark),
title: Text("jquery_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.jquery_plain),
title: Text("jquery_plain")),
ListTile(
leading: Icon(FlutterDEVICON.krakenjs_plain_wordmark),
title: Text("krakenjs_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.krakenjs_plain),
title: Text("krakenjs_plain")),
ListTile(
leading: Icon(FlutterDEVICON.laravel_plain_wordmark),
title: Text("laravel_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.laravel_plain),
title: Text("laravel_plain")),
ListTile(
leading: Icon(FlutterDEVICON.less_plain_wordmark),
title: Text("less_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.gradle_plain_wordmark),
title: Text("gradle_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.protractor_plain),
title: Text("protractor_plain")),
ListTile(
leading: Icon(FlutterDEVICON.protractor_plain_wordmark),
title: Text("protractor_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.gradle_plain),
title: Text("gradle_plain")),
ListTile(
leading: Icon(FlutterDEVICON.jeet_plain),
title: Text("jeet_plain")),
ListTile(
leading: Icon(FlutterDEVICON.cucumber_plain),
title: Text("cucumber_plain")),
ListTile(
leading: Icon(FlutterDEVICON.cucumber_plain_wordmark),
title: Text("cucumber_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.jeet_plain_wordmark),
title: Text("jeet_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.gitlab_plain),
title: Text("gitlab_plain")),
ListTile(
leading: Icon(FlutterDEVICON.gitlab_plain_wordmark),
title: Text("gitlab_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.github_original),
title: Text("github_original")),
ListTile(
leading: Icon(FlutterDEVICON.github_original_wordmark),
title: Text("github_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.d3js_plain),
title: Text("d3js_plain")),
ListTile(
leading: Icon(FlutterDEVICON.d3js_original),
title: Text("d3js_original")),
ListTile(
leading: Icon(FlutterDEVICON.confluence_original),
title: Text("confluence_original")),
ListTile(
leading: Icon(FlutterDEVICON.confluence_original_wordmark),
title: Text("confluence_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.bitbucket_original),
title: Text("bitbucket_original")),
ListTile(
leading: Icon(FlutterDEVICON.bitbucket_original_wordmark),
title: Text("bitbucket_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.phpstorm_plain),
title: Text("phpstorm_plain")),
ListTile(
leading: Icon(FlutterDEVICON.phpstorm_plain_wordmark),
title: Text("phpstorm_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.sourcetree_original),
title: Text("sourcetree_original")),
ListTile(
leading: Icon(FlutterDEVICON.sourcetree_original_wordmark),
title: Text("sourcetree_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.ssh_original),
title: Text("ssh_original")),
ListTile(
leading: Icon(FlutterDEVICON.ssh_original_wordmark),
title: Text("ssh_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.gatling_plain),
title: Text("gatling_plain")),
ListTile(
leading: Icon(FlutterDEVICON.gatling_plain_wordmark),
title: Text("gatling_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.mocha),
title: Text("mocha")),
ListTile(
leading: Icon(FlutterDEVICON.jasmine_plain),
title: Text("jasmine_plain")),
ListTile(
leading: Icon(FlutterDEVICON.jasmine_wordmark),
title: Text("jasmine_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.facebook_plain),
title: Text("facebook_plain")),
ListTile(
leading: Icon(FlutterDEVICON.google_plain_wordmark),
title: Text("google_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.google_plain),
title: Text("google_plain")),
ListTile(
leading: Icon(FlutterDEVICON.twitter_original),
title: Text("twitter_original")),
ListTile(
leading: Icon(FlutterDEVICON.typescript_plain),
title: Text("typescript_plain")),
ListTile(
leading: Icon(FlutterDEVICON.babel_plain),
title: Text("babel_plain")),
ListTile(
leading: Icon(FlutterDEVICON.sequelize_plain_wordmark),
title: Text("sequelize_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.sequelize_plain),
title: Text("sequelize_plain")),
ListTile(
leading: Icon(FlutterDEVICON.slack_plain_wordmark),
title: Text("slack_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.slack_plain),
title: Text("slack_plain")),
ListTile(
leading: Icon(FlutterDEVICON.visualstudio_plain_wordmark),
title: Text("visualstudio_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.visualstudio_plain),
title: Text("visualstudio_plain")),
ListTile(
leading: Icon(FlutterDEVICON.webpack_plain_wordmark),
title: Text("webpack_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.webpack_plain),
title: Text("webpack_plain")),
ListTile(
leading: Icon(FlutterDEVICON.swift_plain_wordmark),
title: Text("swift_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.swift_plain),
title: Text("swift_plain")),
ListTile(
leading: Icon(FlutterDEVICON.tomcat_line_wordmark),
title: Text("tomcat_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.tomcat_line),
title: Text("tomcat_line")),
ListTile(
leading: Icon(FlutterDEVICON.vuejs_line_wordmark),
title: Text("vuejs_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.vuejs_line),
title: Text("vuejs_line")),
ListTile(
leading: Icon(FlutterDEVICON.vuejs_plain_wordmark),
title: Text("vuejs_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.vuejs_plain),
title: Text("vuejs_plain")),
ListTile(
leading: Icon(FlutterDEVICON.intellij_plain_wordmark),
title: Text("intellij_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.intellij_plain),
title: Text("intellij_plain")),
ListTile(
leading: Icon(FlutterDEVICON.pycharm_plain_wordmark),
title: Text("pycharm_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.pycharm_plain),
title: Text("pycharm_plain")),
ListTile(
leading: Icon(FlutterDEVICON.rubymine_plain_wordmark),
title: Text("rubymine_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.rubymine_plain),
title: Text("rubymine_plain")),
ListTile(
leading: Icon(FlutterDEVICON.webstorm_plain_wordmark),
title: Text("webstorm_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.webstorm_plain),
title: Text("webstorm_plain")),
ListTile(
leading: Icon(FlutterDEVICON.devicon_plain_wordmark),
title: Text("devicon_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.devicon_plain),
title: Text("devicon_plain")),
ListTile(
leading: Icon(FlutterDEVICON.express_original_wordmark),
title: Text("express_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.express_original),
title: Text("express_original")),
ListTile(
leading: Icon(FlutterDEVICON.stylus_original),
title: Text("stylus_original")),
ListTile(
leading: Icon(FlutterDEVICON.cakephp_plain_wordmark),
title: Text("cakephp_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.cakephp_plain),
title: Text("cakephp_plain")),
ListTile(
leading: Icon(FlutterDEVICON.elm_plain_wordmark),
title: Text("elm_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.elm_plain),
title: Text("elm_plain")),
ListTile(
leading: Icon(FlutterDEVICON.behance_plain_wordmark),
title: Text("behance_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.ceylon_plain),
title: Text("ceylon_plain")),
ListTile(
leading: Icon(FlutterDEVICON.behance_plain),
title: Text("behance_plain")),
ListTile(
leading: Icon(FlutterDEVICON.linkedin_plain_wordmark),
title: Text("linkedin_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.linkedin_plain),
title: Text("linkedin_plain")),
ListTile(
leading: Icon(FlutterDEVICON.couchdb_plain_wordmark),
title: Text("couchdb_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.couchdb_plain),
title: Text("couchdb_plain")),
ListTile(
leading: Icon(FlutterDEVICON.handlebars_plain_wordmark),
title: Text("handlebars_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.handlebars_plain),
title: Text("handlebars_plain")),
ListTile(
leading: Icon(FlutterDEVICON.sketch_line_wordmark),
title: Text("sketch_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.sketch_line),
title: Text("sketch_line")),
ListTile(
leading: Icon(FlutterDEVICON.vagrant_plain_wordmark),
title: Text("vagrant_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.vagrant_plain),
title: Text("vagrant_plain")),
ListTile(
leading: Icon(FlutterDEVICON.yarn_plain_wordmark),
title: Text("yarn_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.yarn_plain),
title: Text("yarn_plain")),
ListTile(
leading: Icon(FlutterDEVICON.npm_original_wordmark),
title: Text("npm_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.ionic_original_wordmark),
title: Text("ionic_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.ionic_original),
title: Text("ionic_original")),
ListTile(
leading: Icon(FlutterDEVICON.ember_original_wordmark),
title: Text("ember_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.electron_original_wordmark),
title: Text("electron_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.electron_original),
title: Text("electron_original")),
ListTile(
leading: Icon(FlutterDEVICON.groovy_plain),
title: Text("groovy_plain")),
ListTile(
leading: Icon(FlutterDEVICON.rust_plain),
title: Text("rust_plain")),
ListTile(
leading: Icon(FlutterDEVICON.scala_plain_wordmark),
title: Text("scala_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.scala_plain),
title: Text("scala_plain")),
ListTile(
leading: Icon(FlutterDEVICON.grails_plain),
title: Text("grails_plain")),
ListTile(
leading: Icon(FlutterDEVICON.codepen_original_wordmark),
title: Text("codepen_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.codepen_plain),
title: Text("codepen_plain")),
ListTile(
leading: Icon(FlutterDEVICON.haskell_plain),
title: Text("haskell_plain")),
ListTile(
leading: Icon(FlutterDEVICON.haskell_plain_wordmark),
title: Text("haskell_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.mocha_plain),
title: Text("mocha_plain")),
ListTile(
leading: Icon(FlutterDEVICON.clojure_line),
title: Text("clojure_line")),
ListTile(
leading: Icon(FlutterDEVICON.yunohost_plain),
title: Text("yunohost_plain")),
ListTile(
leading: Icon(FlutterDEVICON.redux_original),
title: Text("redux_original")),
ListTile(
leading: Icon(FlutterDEVICON.clojurescript_plain),
title: Text("clojurescript_plain")),
ListTile(
leading: Icon(FlutterDEVICON.woocommerce_plain_wordmark),
title: Text("woocommerce_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.woocommerce_plain),
title: Text("woocommerce_plain")),
ListTile(
leading: Icon(FlutterDEVICON.typo3_plain_wordmark),
title: Text("typo3_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.typo3_plain),
title: Text("typo3_plain")),
ListTile(
leading: Icon(FlutterDEVICON.premierepro_plain),
title: Text("premierepro_plain")),
ListTile(
leading: Icon(FlutterDEVICON.nestjs_plain_wordmark),
title: Text("nestjs_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.nestjs_plain),
title: Text("nestjs_plain")),
ListTile(
leading: Icon(FlutterDEVICON.materialui_plain),
title: Text("materialui_plain")),
ListTile(
leading: Icon(FlutterDEVICON.kotlin_plain_wordmark),
title: Text("kotlin_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.kotlin_plain),
title: Text("kotlin_plain")),
ListTile(
leading: Icon(FlutterDEVICON.jenkins_plain),
title: Text("jenkins_plain")),
ListTile(
leading: Icon(FlutterDEVICON.jenkins_line),
title: Text("jenkins_line")),
ListTile(
leading: Icon(FlutterDEVICON.haxe_plain),
title: Text("haxe_plain")),
ListTile(
leading: Icon(FlutterDEVICON.gatsby_plain_wordmark),
title: Text("gatsby_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.gatsby_plain),
title: Text("gatsby_plain")),
ListTile(
leading: Icon(FlutterDEVICON.flutter_plain),
title: Text("flutter_plain")),
ListTile(
leading: Icon(FlutterDEVICON.composer_line_wordmark),
title: Text("composer_line_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.composer_line),
title: Text("composer_line")),
ListTile(
leading: Icon(FlutterDEVICON.aftereffects_plain),
title: Text("aftereffects_plain")),
ListTile(
leading: Icon(FlutterDEVICON.bash_plain),
title: Text("bash_plain")),
ListTile(
leading: Icon(FlutterDEVICON.linux_plain),
title: Text("linux_plain")),
ListTile(
leading: Icon(FlutterDEVICON.mongodb_plain_wordmark),
title: Text("mongodb_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.mongodb_plain),
title: Text("mongodb_plain")),
ListTile(
leading: Icon(FlutterDEVICON.moodle_plain_wordmark),
title: Text("moodle_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.moodle_plain),
title: Text("moodle_plain")),
ListTile(
leading: Icon(FlutterDEVICON.mysql_plain_wordmark),
title: Text("mysql_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.mysql_plain),
title: Text("mysql_plain")),
ListTile(
leading: Icon(FlutterDEVICON.nodejs_plain_wordmark),
title: Text("nodejs_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.nodejs_plain),
title: Text("nodejs_plain")),
ListTile(
leading: Icon(FlutterDEVICON.oracle_original),
title: Text("oracle_original")),
ListTile(
leading: Icon(FlutterDEVICON.photoshop_line),
title: Text("photoshop_line")),
ListTile(
leading: Icon(FlutterDEVICON.photoshop_plain),
title: Text("photoshop_plain")),
ListTile(
leading: Icon(FlutterDEVICON.php_plain),
title: Text("php_plain")),
ListTile(
leading: Icon(FlutterDEVICON.postgresql_plain_wordmark),
title: Text("postgresql_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.postgresql_plain),
title: Text("postgresql_plain")),
ListTile(
leading: Icon(FlutterDEVICON.python_plain_wordmark),
title: Text("python_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.python_plain),
title: Text("python_plain")),
ListTile(
leading: Icon(FlutterDEVICON.rails_plain_wordmark),
title: Text("rails_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.rails_plain),
title: Text("rails_plain")),
ListTile(
leading: Icon(FlutterDEVICON.ruby_plain_wordmark),
title: Text("ruby_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.ruby_plain),
title: Text("ruby_plain")),
ListTile(
leading: Icon(FlutterDEVICON.sass_original),
title: Text("sass_original")),
ListTile(
leading: Icon(FlutterDEVICON.travis_plain_wordmark),
title: Text("travis_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.travis_plain),
title: Text("travis_plain")),
ListTile(
leading: Icon(FlutterDEVICON.trello_plain_wordmark),
title: Text("trello_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.trello_plain),
title: Text("trello_plain")),
ListTile(
leading: Icon(FlutterDEVICON.ubuntu_plain_wordmark),
title: Text("ubuntu_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.ubuntu_plain),
title: Text("ubuntu_plain")),
ListTile(
leading: Icon(FlutterDEVICON.vim_plain),
title: Text("vim_plain")),
ListTile(
leading: Icon(FlutterDEVICON.windows8_original_wordmark),
title: Text("windows8_original_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.windows8_original),
title: Text("windows8_original")),
ListTile(
leading: Icon(FlutterDEVICON.wordpress_plain_wordmark),
title: Text("wordpress_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.wordpress_plain),
title: Text("wordpress_plain")),
ListTile(
leading: Icon(FlutterDEVICON.yii_plain_wordmark),
title: Text("yii_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.yii_plain),
title: Text("yii_plain")),
ListTile(
leading: Icon(FlutterDEVICON.zend_plain_wordmark),
title: Text("zend_plain_wordmark")),
ListTile(
leading: Icon(FlutterDEVICON.zend_plain),
title: Text("zend_plain")),
],
),
),
);
}
}
更多关于Flutter图标展示插件flutter_devicon的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html
1 回复
更多关于Flutter图标展示插件flutter_devicon的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
flutter_devicon
是一个 Flutter 插件,它允许你在 Flutter 应用中使用 DevIcon
图标集。DevIcon
是一个包含了许多与开发相关的图标的集合,例如编程语言、开发工具、操作系统等的图标。这个插件可以帮助你在应用中轻松展示这些图标。
安装 flutter_devicon
首先,你需要在 pubspec.yaml
文件中添加 flutter_devicon
依赖:
dependencies:
flutter:
sdk: flutter
flutter_devicon: ^2.0.0 # 请检查最新版本
然后运行 flutter pub get
来安装依赖。
使用 flutter_devicon
安装完成后,你可以在你的 Flutter 应用中使用 DevIcon
图标。以下是一些基本用法示例:
import 'package:flutter/material.dart';
import 'package:flutter_devicon/flutter_devicon.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
[@override](/user/override)
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Flutter DevIcon Example'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(FlutterDevicon.android_original, size: 50, color: Colors.green),
SizedBox(height: 20),
Icon(FlutterDevicon.apple_original, size: 50, color: Colors.black),
SizedBox(height: 20),
Icon(FlutterDevicon.dart_plain, size: 50, color: Colors.blue),
SizedBox(height: 20),
Icon(FlutterDevicon.firefox_plain, size: 50, color: Colors.orange),
SizedBox(height: 20),
Icon(FlutterDevicon.github_original, size: 50, color: Colors.black),
],
),
),
),
);
}
}