Android中高级进阶开发面试题冲刺合集(八)【Flutter篇】

以下主要针对往期收录的面试题进行一个分类归纳整理,方便统一回顾和参考。本篇是第八集(Flutter篇)~

强调一下:别问了别问了, 面试文档要的找作者直接获取。`

第一篇面试题在这: Android中高级进阶开发面试题冲刺合集(一)

第二篇在这: Android中高级进阶开发面试题冲刺合集(二)

第三篇在这: Android中高级进阶开发面试题冲刺合集(三)

第四篇在这: Android中高级进阶开发面试题冲刺合集(四)

第五篇在这: Android中高级进阶开发面试题冲刺合集(五)

第六篇在这: Android中高级进阶开发面试题冲刺合集(六)

第七篇在这: Android中高级进阶开发面试题冲刺合集(七)

Flutter面试部分

来自某厂校试题,前面的会比较简单,后面的会比较难,主要想测出面试者的真实水平。

多选题:

1.下面哪些组件具备居中功能?(ABC)

扫描二维码关注公众号,回复: 14532771 查看本文章

A、Container B、Center C、Align D、Card

2.Textfield需要设置哪些属性才能实现无限换行和扩展高度?(AD)

A、expands B、maxLength C、textAlign D、maxLines

3.如何让图片重复堆叠容器?(C)

A、fit: BoxFit.fill B、fit: BoxFit.cover C、repeat: ImageRepeat.repeat

4.Text组件有哪些属性不能为空?(A)

A、data B、style C、overflow D、maxLines

5.哪些组件可以使用属性控制child的显隐(CD)?

A、Card B、Center C、Offstage D、Visibility

6.下面对StatefulWidget中createState方法描述正确的是?(ABC)

A、在树中的给定位置为此小部件创建可变状态;

B、框架可以在整个生命周期中多次调用此方法;

C、如果将小部件从树中删除,并且稍后再次插入树中,框架将调用createState再次创建一个新的State对象,从而简化了State对象;

D、用来看的,没啥实际作用;

7.下面哪些是正确调用setstate的姿势?(AC)

A、在点击某按钮时触发进行刷新类实例变量;

B、在点击某按钮时触发进行刷新方法实例变量;

C、使用前先判断mounted是否为true

D、dispose生命周期中调用;

8.让AppBar的标题居中的方式有(AB)

A、centerTitle属性设置为true

B、Center组件包裹title

C、elevation设置为0

D、primary设置为false

9.controller是一个动画控制器,如果controller声明的时候为空了,使用controller?.forward()播放动画时会发生什么?(CD)

A、一片红的报错信息;

B、报错,但不影响布局;

C、不会报错;

D、因为是?.的调用,左边为空了则不会去调用播放方法;

10.在有状态类中编写一个按钮调用初始化生命周期(initState)方法,会发生什么?(BD)

A、一片红的报错信息;

B、报错,但不影响布局;

C、不会报错;

D、会报生命周期创建错误;

11.写布局时用ListView然后children并没有写间隔之类的,结果出现了上下有间距,为什么?(AB)

A、可能是ListView外层写了间隔之类的;

B、可能是ListView自带Padding

C、肯定是官方的问题;

D、人的问题,换个人来运行可能就好了;

12.属于滑动组件的有(AB)

A、ListView B、GridView C、Container D、Center

13.属于Sliver系列的组件有(ABC)

A、SliverToBoxAdapter

B、SliverAppBar

C、SliverAnimatedOpacity

D、Image

14.属于不可滑动的组件有(ACD)

A、Text B、SingleChildScrollView C、Card D、FlatButton

15.能操作对齐方式(Alignment)的组件有(CD)

A、FlatButton B、RaisedButton C、Align D、Container

16.当我给变量赋值的时候想为空的时候才赋值应该怎么操作(ABC)

A、使用??=来指定当左边为空时才执行等于;

B、使用三元运算符判断是否等于空才执行赋值;

C、使用if判断语句,为空时才等于;

D、直接使用等于来赋值;

17.去掉按钮水波纹效果的方式有(ABC)

A、全局设置水波纹颜色为透明;

B、局部设置水波纹颜色为透明然后包裹需要透明的组件;

C、使用按钮的水波纹颜色属性设置为透明;

D、发呆就对了,阿巴阿吧阿吧;

18.在什么情况下类可以混入TickerProviderStateMixin?(CD)

A、用手写代码的情况下;

B、在不摸鱼的情况下;

C、混入TickerProviderStateMixin必须是继承State的情况下;

D、具备有状态类的生命周期下;

19.在Android和IOS情况下ListView的滑动表现描述正确的是(AC)

A、每个平台都有判断,效果会出现不同点;

B、Android和IOS怎么滑效果都一样;

C、Android滑动到无法滑动之后会出现焦点特殊动画,而IOS是回弹效果;

D、我又没滑过,我懒个晓得咯;

20.容器设置了约束盒子最小宽度为200,但内部的宽度设置为了50,则会发生(A)

A、以约束盒子的200为准;

B、以内部设置的50为准;

C、会造成混乱,导致无法显示;

D、有时候会200,有时候会50

判断题

1.WidgetsFlutterBinding.ensureInitialized在runApp之后调用(错);

2.MaterialApp中router内有“/”可以和home属性共存(错);

3.构造方法中“Key key”必写(错);

4.“=>”操作符是大括号的简写方式(对);

5.使用overlay写全局提示框不需要上下文(错);

6.MaterialApp组件中home属性有时可以为空(对);

7.setState必须是在有状态类中调用(对);

8.final修饰的变量无法被setState刷新(对);

9.方法内声明的变量可以被setState刷新(错);

10.NestedScrollView的内控制器可以从树上找(对);

11.约束盒子最小宽度为10,包裹容器设置宽度为5,结果为5(错);

12.ListView的children写容器可以直接设置容器宽度并生效(错);

13.在initState生命周期可以拿到上下文干和build生命周期一样的事(错);

14.Scaffold的左右抽屉可以并存(对);

15.整AppBar高度是由状态栏高度加kToolbarHeight组成的(对);

16.媒体查询是获取上下文宽高数值的方法(错);

17.SizedBox.expand内宽和高都是无限值(对);

18.Container使用了decoration属性外面还可以设置color属性值(错);

19.一个App项目存在多个MaterialApp组件是合理的(错);

20.Platform.isAndroid可以在web平台中判断当前是什么系统(错);

21.showDialog是一个组件(错);

22.CupertinoAlertDialog只能在CupertinoApp情况下使用(错);

23.Divider组件其实就是SizedBox+Center+Container组合出来的(对);

24.ScrollConfiguration组件可以自定义behavior然后去掉滑动的焦点(对);

25.PageView有自动轮播功能(错);

26.debugShowCheckedModeBanner属性false可以去掉右上DEBUG标签(对);

27.AnimatedList中key是必填的(错);

28.AnimatedSwitcher中child属性key可以不填但可能没效果(对);

29.Spacer组件可以放在任何可以放组件的地方(错);

30.容器宽高未知的情况下可以使用Expanded组件(错);

31.BottomNavigationBar具备保存页面状态功能(错);

32.Card组件不会默认带阴影效果(错);

33.Center组件可以让child位于容器下方(错);

34.LinearProgressIndicator可以直接设置Color类型的valueColor(错);

35.VerticalDivider和Divider用法一样,前者垂直分割线,后者水平分割线(对);

36.RaisedButton中onPressed为null或不设置时,按钮是禁用状态(对);

37.BackButton组件默认Android和IOS效果不一致(对);

38.CupertinoButton只能在IOS风格App下使用(错);

39.Hero飞行动画无需用到tag(错);

40Row中放Textfield无需知道Textfield所占宽度(错);

41.TabBar只能放在AppBar的bottom属性(错);

问答题

1.说下Flutter的优缺点

参考答案:

优点:1、高性能,2、高保真,3、相对易学,4、热重载;

缺点:1、不支持热更新,2、生态需完善;

2.Flutter跨平台原理是怎么样的?

参考答案:

自写UI渲染引擎实现跨平台

3.说下移动端跨平台技术划分

参考答案:

1、web技术,2、原生渲染,3、自渲染技术;

4.蓝湖设计图有一张轮播图,宽度是 335 高度是 120,左右间隔是10, 如何使用屏幕算法适配全机型屏幕宽和高?

参考答案:

分析:

  • 左右间隔:设置margin然后左右10个间隔;
  • 宽度:整宽减2020就是左右的间隔;
  • 高度:(宽度) * 120 / 335;

代码:

new Container(
  height: (winWidth(context) - 20) * 120 / 335,
  width: winWidth(context) - 20,
  margin: EdgeInsets.symmetric(horizontal: 10.0),
  alignment: Alignment.center,
  decoration: BoxDecoration(
    borderRadius: BorderRadius.all(Radius.circular(4.0)),
    color: Colors.amber.withOpacity(0.5),
  ),
  child: new Text('模拟图片'),
),

效果

|
|

5.未知数据数量有规则的列表视图,要求一行显示5个,每个间隔为10(含上下),最外边距margin左右都为20,高度为50,多出的数据继续往下排并向左对齐,适配任何机型,怎么做?

参考答案:

分析:

  • 左右间隔:设置margin然后左右20个间隔;
  • 间隔和高:除最外边左右,内边都为10间隔,并包含上下,高度固定50
  • 对齐方式:对齐方式默认都为向左对齐;
  • 组件:推荐Wrap,动态数据,依次撑开;

代码:

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('Flutter高级进阶'),
      ),
      body: new Container(
        padding: EdgeInsets.symmetric(vertical: 20.0),// 为了保持美观给了上下价格20
        color: Colors.amber.withOpacity(0.2), // 为了验证动态撑开给了背景
        child: TestRoute(),// 主代码
      ),
    );
  }
}
​
class TestRoute extends StatefulWidget {
  @override
  _TestRouteState createState() => _TestRouteState();
}
​
class _TestRouteState extends State<TestRoute> {
  Widget buildItem(item) {
    return new Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.all(Radius.circular(4.0)), // 圆角
        color: Colors.blueAccent.withOpacity(0.5),// item颜色
      ),
      height: 50.0, // 高度
      alignment: Alignment.center, // item文本剧中
      width: (winWidth(context) - 80) / 5, // 宽度
      child: new Text('模拟'),
    );
  }
​
  @override
  Widget build(BuildContext context) {
    return new Container(
      width: winWidth(context) - 40, // 宽度容器算法
      margin: EdgeInsets.symmetric(horizontal: 20.0),
      child: new Wrap(
        spacing: 10.0,
        runSpacing: 10.0,
        children: [0, 1, 2, 3, 4, 5].map(buildItem).toList(),
      ),
    );
  }
}

效果
|
|
6.如何实现点击空白区域收起键盘?

参考答案:触发代码:FocusScope.of(context).requestFocus(new FocusNode());

7.无需上下文进行路由跳转原理是怎么样的?

参考答案:

使用GlobalKey调用到NavigatorState的方法;

8.为什么我的容器无论设置宽高多少都是占整个的宽高?怎么解决?

参考答案:

1.被约束了;2.宽高无限了;

解决方式:

使用UnconstrainedBox包裹容器;

9.键盘弹出时底部溢出如何解决?

参考答案:

1.溢出部分增加滑动属性; 2.ScaffoldresizeToAvoidBottomPadding: false让其遮挡布局;

10.Container 设置 borderRadius 不生效怎么解决?如何导致的?

参考答案:

原因:Container 设置 borderRadius只对当前盒子生效;

解决方式:使用裁剪方式,如:ClipRRect组件;

11.GestureDetector 设置 onTap 不生效怎么解决?

参考答案:

使用GestureDetectorbehavior: HitTestBehavior.translucent

12.如何实现动态更改 TabBar 长度?

参考答案:

1.控制器重新赋值;(使用Ticker不能是Single的)

2.使用DefaultTabController

13.为何写多个动画时动画控制器使用了Ticker,类也混入了Ticker运行报错了?

参考答案:

有可能使用了单一的Ticker(SingleTickerProviderStateMixin),只能使用一次就失效了;

14.如何实现键盘弹出后遮住布局,而不是顶起布局?

参考答案:

Scaffold属性resizeToAvoidBottomPadding: false让其遮挡布局;

15.为何输入框输入内容之后返回到桌面,再进入app时内容被清空了?怎么解决?

参考答案:

可能是输入中没有做保存处理,可以使用生命周期判断,在程序暂停前让输入框取消焦点即可实现自动保存;

16.为何本地资源图片刚进入的时候切换到另一张出现白屏?怎么解决?

参考答案:

原因:切换之后才开始解析本地资源图片; 解决方案:在初始化的时候就加载指定asset图片,而不是在需要展示的时候才开始加载。 代码示例: @override void initState() { super.initState(); WidgetsBinding.instance.addPostFrameCallback((_) async { // _imageUrls 就是数组的Asset图片地址 _imageUrls.forEach((image) { precacheImage(AssetImage(image), context); }); }); }

17.如何拦截 App 返回事件,用什么组件?

参考答案:

WillPopScope组件,用返回的bool来操作是否允许返回;

18.如何监听 App 暂停运行或不可见状态事件?

参考答案:

使用WidgetsBindingObserver观察生命周期状态;

具体:book.flutterj.com/chapter1/li…

19.Text 的 TextOverflow.ellipsis 不生效如何解决?

参考答案:让Text组件的所占宽度可知;

20.如何获取控件的大小和位置?

参考答案:

1、使用Key拿到上下文取得findRenderObject拿内容的尺寸数据;

2、使用context取得findRenderObject拿内容的尺寸数据;

21.类构造方法后面加个super表示什么意思?

参考答案:

调用父类的属性,可进行赋值传输;

22.assert( data != null, ‘no data’)是什么意思?

参考答案:

assert:断言;

data != null:data不能为空,否则触发断言错误;

no data:如果触发断言则提示的内容;

23.const修饰构造函数和放声明数值前分别有什么作用?

参考答案:

构造函数前:构造函数会在编译期和常量一起被编译;

声明数值前:一个不可变的常量,编译期就被初始化;

24.描述下getter setter和重写

参考答案:

Dart 中所有的基础类型、类等都继承 Object ,默认值是 NULL, 自带 gettersetter ,而如果是 final 或者 const 的话,那么它只有一个 getter 方法,Object 都支持 gettersetter 重写

25.Assert(断言)有什么作用?什么时候有效?

参考答案:

debug的时候提示出断言错误让开发者知悉,只在debug有效;

猜你喜欢

转载自blog.csdn.net/m0_64420071/article/details/127282082