flutter中的系统icon，flutter 自定义图标

Flutter入门(二)——实现一个简单的demo页面

build：此demo页面涉及到两个组件：图片和icon。在这里做一个简单的介绍，更详细的学习请参考flutter官网和相关书籍 在flutter中，我们可以通过Image组件来加载并显示图片，Image的数据源可以是asset、文件、内存以及网络。

Flutter 插件用于支持 Flutter 的运行、调试、热重载等功能，而 Dart 插件则提供了代码的输入校验、代码补全等功能。 万物始于 Hello World，我们先来创建一个显示 Hello World 的 Flutter 项目。

Demo 创建并生成文件 在lib目录下创建.proto文件 在 lib 目录下，我们新建一个 src/generated 文件夹，用于存放我们待会要生成的文件。

学编程入门建议：学编程要从根本出发，从理论上来说，需要广泛的阅读。了解算法的博大精深和计算机的基本理论。从实践上来说，需要有广泛的练习，练习的广泛在于练习不同的内容。

首先，入门编程需要一个循序渐进的过程，需要先了解基本的编程语法，从解决基本的数学问题开始，进而展开编程语言的学习。 其次，入门编程要构建一个初步的编程思维。

FlutterBoost帮你处理页面的映射和跳转，你只需关心页面的名字和参数即可（通常可以是URL）。

相关问答

Q1: Agv的导航模式有哪些？

1、磁条导航：在行走的路径上贴磁带，小车会沿着磁带移动。磁条导航灵活性比较好，路径规划方便修改，铺设也比较简单，但是这种导引方式易受外界因素干扰，磁条本身也容易遭到破坏，所以对车间工厂的环境条件要求比较高。

2、帕菲特AGV的常见的导航方式有激光导航、轮廓导航、测距导航、磁钉导航、电磁导航、磁带导航，由于自动化行业的迅速发展 ，目前已淘汰一些导航方式，如轮廓导航、磁钉导航、磁带导 航等。

3、(1)惯性导航 agv小车上装有陀螺仪，小车在行驶时有一个基准方位，用陀螺仪测量加速度，并将陀螺仪的坐标值和加速度换算成agv小车当前的坐标和方向，将它们和规定的路线相比较。

4、第一种：激光导航 AGV在自身位置不确定的条件下，在完全未知环境中，带着AGV走一圈，AGV在移动过程中，根据位置估计和传感器数据进行自身定位，同时创建增量矢地图，AGV利用地图进行自主定位和导航。

Q2: Flutter基础Widget之按钮(RaisedButton、FlatButton、OutlineButton,Ico...

Flutter 内置了多种 Button 控件，常见的有：- RaisedButton：凸起的按钮，其实就是 Android 中的 Material Design 风格的 Button，继承自 MaterialButton。- FlatButton：扁平化的按钮，继承自 MaterialButton。

基础控件就是常用的文字、按钮、图片等控件。 常用的基础控件有 Text、TextField、Button、Image 等。 功能控件 在Flutter 里还有一类控件，它们不影响 UI 布局，但带有一些特定的功能，比如页面跳转、事件监听、定义主题等。

Q3: Flutter中showDialog()后关闭Dialog

1、需要用 Material 去除背景色，然后将颜色设置在 InkWell 外部：在 Dialog builder 中使用 WillPopScope 禁用返回键返回：注意：使用此方法同时也会禁用 iOS 上的手势滑动返回功能，推荐判断平台后再使用。

2、在 showDialog 布局中使用 Scaffold 包裹，不要忘了将 backgroundColor 设为透明。

3、一番思前想后，把showDialog的逻辑移到和异步逻辑同级，也就是setState(() {})外面，然后把showDialog()自身创建的BuildContext传进去就能正常关闭了。

Q4: 如何更改appbarleading图标

我们这里用到了标题栏 appBar、页面内容 body、浮动按钮 floatingActionButton。 AppBar AppBar 就是标题栏，通过查看控件的构造方法，我们可以知道它可配置的属性。

要更改leading图标，可以使用IconButton组件，并将其作为leading属性的值。IconButton是一个带有图标的可点击按钮。在IconButton中，可以指定一个图标，该图标将显示在AppBar的左侧。

Q5: 3、Flutter中ThemeData与AppBar

iconTheme ：设置appbar icon的颜色，appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色，这里可以在iconTheme中指定icon的颜色。

这里的ThemeData即为控制App的主题，primarySwatch设置即可控制主题的各类颜色，但是这里的颜色是需要MaterialColor，但是纯色种的黑色和白色不是MaterialColor。所以不能设置primarySwatch为Colors.white。

默认的appbar下方会自带一个阴影效果。要去掉这个阴影的话需要在appbar中设置：核心的思想就是在column中使用expend包裹一次然后child使用listView，这样的话输入框被聚焦的时候键盘就会把页面顶上去。

很早在做Demo的时候就想改变下CheckBox的未选中状态的颜色，但是多是设置全局 ThemeData.unselectedWidgetColor 的颜色来设置。不过可以想到的就是一个App中如果有不同颜色的变态需求的话...。

flutter中的系统icon的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter 自定义图标、flutter中的系统icon的信息别忘了在本站进行查找喔。