Flutter面试问题总结

文章目录

Flutter面试问题总结
前言
1.本地数据存储方式
2.与原生通讯方式
3.键盘弹出高度超出解决
4.ListView报Vertical viewport was given unbounded height错误解决方法
5.Flutter报setState() or markNeedsBuild() called during build.错误解决办法
6.Flutter报setState() called after dispose()错误解决办法
7.如何实现水波纹，图片也怎么添加
8.Android和IOS控件区别
9.生命周期输出顺序
10.Flutter线程
11. Flutter里的key？
总结

前言

本文是今年作者在应聘面试时所遇到的Flutter问题以及所总结的解答，仅供学习参考，偶尔可能会更新与总结。有部分解答是网上资料，作者还是萌新，可能会有疏忽或不足，望共同学习互勉。

1.本地数据存储方式

Flutter的本地存储方式参考Android的本地存储方式: 文件，SharedPreferences，Sqlite数据库

2.与原生通讯方式

Flutter定义了三种不同类型的Channel，它们分别是：
BasicMessageChannel：用于传递字符串和半结构化的信息。
MethodChannel：用于传递方法调用。
EventChannel: 用于数据流的通信。

3.键盘弹出高度超出解决

Scaffold(resizeToAvoidBottomPadding: false, //输入框抵住键盘
)

4.ListView报Vertical viewport was given unbounded height错误解决方法

错误解析：宽度或高度溢出，导致Widget不显示
解决方法：给ListView的shrinkWrap属性设置为true，即父视图的大小跟随子组件的内容大小

return Column(children: <Widget>[ListView.builder(itemCount: sourceDataComments.length,itemBuilder: _buildCommentsRow,shrinkWrap: true,),],);

5.Flutter报setState() or markNeedsBuild() called during build.错误解决办法

错误解析：
在运行中，原因是因为控件、响应事件还没有构建完毕，延时加载即可解决问题
解决方法：添加延时

void _addIndex() {Future.delayed(Duration(milliseconds: 200)).then((e) {setState(() {});});}
}

6.Flutter报setState() called after dispose()错误解决办法

错误解析：防止页面关闭执行setState()方法
解决方法：mounted

if(mounted){setState(() {});
}

7.如何实现水波纹，图片也怎么添加

InkWell有的叫溅墨效果，有的叫水波纹效果。使用场景是给一些无点击事件的部件添加点击事件时使用（也支持长按、双击等事件），同时你也可以去修改它的颜色和形状。

InkWell(borderRadius: BorderRadius.circular(8.0), // 圆角splashColor: Colors.transparent, // 溅墨色（波纹色）highlightColor: Colors.transparent, // 点击时的背景色（高亮色）onTap: () {},// 点击事件child: Container(),
);

(1)包一层 Material，将背景色设置在 Material中的color里。

Material(color: Colors.white,child: InkWell(),
)

(2)使用Stack布局，将InkWell放置在上层。这种适用于给图片添加点击效果，比如Banner图的点击。

Stack(children: <Widget>[Positioned.fill(child: Image(),),Positioned.fill(child: Material(color: Colors.transparent,child: InkWell(splashColor: Color(0X40FFFFFF),highlightColor: Colors.transparent,onTap: () {},),),)],)

8.Android和IOS控件区别

如：按钮、选择器、日历组件（Android的Material和iOS的Cupertino风格）

9.生命周期输出顺序

总体介绍一下生命周期,大致可以看成三个阶段:
初始化 (插入渲染树