flutter设置自定义icon，flutter我的设置界面

Flutter中FloatingActionButton自定义位置的简单实现

FloatingActionButton 简称 FAB ，可以实现浮动按钮，也可以实现类似闲鱼 app 的底部凸起导航 。

点击Button 之后，我们把 num 变量加一，并使用 setState 通知状态发生了改变，Flutter 会根据新的状态更新 UI。如果有接触过小程序开发，setState 就和小程序的 setData 类似。

对于App或某个页面中是否要使用FloatingActionButton必要性： FAB代表一个App或一个页面中最主要的操作，如果一个App的每个页面都有FAB，则通常表示该App最主要的功能是通过该FAB操作的。

FloatingActionButton 是一个浮动在页面右下角的浮动按钮。在 Scaffold 里使用的时候，它是一个浮动状态的按钮，在其他地方使用，就不会浮动了。ButtonBar 是一个布局组件，可以让 Button 排列在一行。

通常设置为0，用于解决Android X设备上阴影无法正常显示的问题 borderWidth为10dp的效果 borderWidth为20dp的效果 效果如下：如图所示，按下按钮时，明显有一个灰色阴影效果。

在Tree中从上往下高效传递数据的基类widget ， 定义为：abstract class InheritedWidget extends ProxyWidget Flutter的响应式开发与React类似，数据都是自顶向下的。

相关问答

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

首先查看入口函数：类MyApp：MyHomePage：state：build：此demo页面涉及到两个组件：图片和icon。

一个简单的demo 但是在webview里点击链接跳转的时候，测试机有时会跳转到系统浏览器上，并且点击文本框无法弹出键盘，交互性很弱。

在Android Studio 的欢迎页面选择 Start a new Flutter project ，或者通过菜单栏的 File New New Flutter Project ，创建一个新的 Flutter 项目。

，页面跳转 原生处理：flutter在iOS中的使用，主要是以FlutterViewController为载体，并在其内部采用FlutterEngine对视图进行渲染。

当在flutter中做一个全局的Toast，loading，Alert的时候，会使用到OverlayEntry，只要通过OverlayState.insert()就能展示在界面上。

我们先创建一个简单的页面，页面加载一个 ListView.builder() ，这个列表上的cell都支持多点触控，效果图：【图】Flutter允许在 GestureRecognizer 基类的帮助下创建自定义手势识别器小部件。

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

在 Flutter 里有很多的 Button，包括了：MaterialButton、RaisedButton、FloatingActionButton、FlatButton、IconButton、ButtonBar、DropdownButton 等。一般常用的 Button 是 MaterialButton、IconButton、FloatingActionButton。

解压后，将 flutter\bin 的全路径添加到环境变量 PATH 中。 安装开发工具 理论上，任何文本编辑器都可以用来开发 Flutter 应用，但推荐的开发工具是 Android Studio、IntelliJ 以及 VS Code。

所有Flutter需要有跨结点(只能是祖先后代节点，不能跨兄弟节点)高效传递数据的方案。

Flutter中Widget分为StatefulWidget和StatelessWidget，分别为动态视图和静态视图，视图的更新需要调用StatefulWidget的setState方法，这会遍历调用子Widget的build方法。

Q3: 3、Flutter中ThemeData与AppBar

1、根据字面意思就能看出来是对状态懒得设置，其中用到了 dart：io 与 flutter/services.dart 这两个重点Mark一下，有时间深入探究一下用法跟能力。回归正题。

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

3、SliverAppBar 控件，一个 MD 的 AppBar 。属性和 AppBar 类似，但做的效果比 AppBar 更加强大。相同的属性具体可以看 Flutter 之 Scaffold 控件 ， 里面有 AppBar 控件的介绍。

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

Q4: Flutter小部件之图片(Image)和图标(Icon)

Flutter中，可以像web开发一样使用iconfont，iconfont也即字体图标，它是将图标做成字体文件，然后通过指定不同的字符而显示不同的图片。加号为图片组件，减一为icon组件。点击加号，数字加1；点击-1，数字减少1。

Image（图片组件）是显示图像的组件，一个显示图片的widget，支持图像格式：JPEG，PNG，GIF，动画GIF，WebP，动画WebP，BMP和WBM 构造方法 Image： 从ImageProvider获取数据 Image.network： 加载网络图片。

ListTile 通常用于在 Flutter 中填充 ListView。在这篇文章中，我将用可视化的例子来说明所有的参数。

SliverGridDelegate 是一个抽象类，定义了GridView Layout相关接口，子类需要通过实现它们来实现具体的布局算法。

关于flutter设置自定义icon和flutter我的设置界面的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。