Flutter面试题、Dart面试题

发布于：2025-02-11 ⋅ 阅读:(44) ⋅ 点赞:(0)

以下是一些Flutter面试题及其解答：

Dart语言相关问题

  1. Dart当中的「…」表示什么意思？

    • 答案：Dart当中的「…」意思是「级联操作符」，为了方便配置而使用。「…」和「.」不同的是，调用「…」后返回的相当于是this，而「.」返回的则是该方法返回的值。

  2. Dart中var与dynamic的区别是什么？

    • 答案：使用var来声明变量时，Dart会在编译阶段自动推导出类型。而dynamic不在编译期间做类型检查，而是在运行期间做类型校验。

  3. const的值在什么时候确定？final的值呢？

    • 答案：const的值在编译期确定，final的值在运行时确定。

  4. Dart中??与??=的区别是什么？

    • 答案：两者都是Dart中的操作符。??=表示如果为空则赋值。例如：

      String a;
String b = a ?? "1";
print(b); // 打印结果: 1
print(a); // 打印结果: null
a ??= "2";
print(a); // 打印结果: 2

  5. Dart是单继承还是多继承？如何实现多继承的效果？

    • 答案：Dart是单继承。使用Mixins可以达到多继承的效果。作为mixins的类只能继承自Object，不能继承其他类；作为mixins的类不能有构造函数；一个类可以mixins多个mixins类。

  6. Dart是不是单线程模型？是如何运行的？

    • 答案：Dart是单线程模型，它在单线程中是以消息循环机制来运行的。其中包含两个任务队列：一个是“微任务队列”（microtask queue），另一个是“事件队列”（event queue）。入口函数main()执行完后，消息循环机制便启动了。首先会按照先进先出的顺序逐个执行微任务队列中的任务，当所有微任务队列执行完后便开始执行事件队列中的任务，事件任务执行完毕后再去执行微任务，如此循环往复。

  7. Future和Stream有什么区别？

    • 答案：Future用于表示单个运算的结果，而Stream则表示多个结果的序列。Future中的任务会加入下一轮事件循环，而Stream中的任务则是加入微任务队列。Stream有同步流和异步流之分，它们的区别在于同步流会在执行add、addError或close方法时立即向流的监听器StreamSubscription发送事件，而异步流总是在事件队列中的代码执行完成后在发送事件。

常用的方法：

异步操作

  • await Future.delayed(Duration(seconds: 1)): 延迟执行代码。
  • Future.wait([future1, future2]): 等待多个 Future 完成。
  • try { ... } catch (e) { ... }: 异常处理。

字符串处理、类型转换

  • String.trim(), String.toLowerCase(), String.toUpperCase(): 字符串格式化。
  • String.split(delimiter), String.join(separator): 字符串分割和连接。
  • double.parse(string), int.tryParse(string): 字符串转数值int/double。
  • number.toString(),字符串插值 '$number': int/double转String。

集合操作：

  • List：数组，适合需要保持元素顺序或频繁随机访问的情况。
  • Map：键值对，适合用来表示关联数组或字典结构的数据。
  • Set：无序集合，适合用来去除重复项或进行集合运算。
List：

有序的集合，允许重复元素，并且可以通过索引访问每个元素。

  • List.add(element)：添加，List.addAll(iterable): 添加多个元素。
  • List.remove(element)：移除，List.removeAt(index): 根据索引移除元素，List.clear(): 清空所有元素。
  • List.contains(element): 检查列表是否包含某个元素。
  • List.indexOf(element): 返回首次出现的元素索引，若不存在则返回 -1。
  • List.lastIndexOf(element): 返回最后一次出现的元素索引。
    遍历器：
  • List.forEach: 遍历每个元素。
  • List.map: 遍历每个元素，应用转换函数并返回新的List。
  • List.where: 过滤出符合条件的元素。
  • List.any、List.every: 判断是否“任何/所有”元素满足条件。
  • List.firstWhere、List.lastWhere: 查找“第一个/最后一个”满足条件的元素，如果找不到可以提供默认值。
  • List.singleWhere: 查找唯一一个满足条件的元素，如果找不到或找到多个会抛出异常。
  • List.sort([compare]): 对列表进行排序，可选提供比较函数。
  • List.reduce: 累加计算。
Map：

键值对的集合，其中每个键都是唯一的。适合用来表示关联数组或字典结构的数据。

  • remove、forEach、map、clear: 用法及意义同List。
  • containsKey(key)、containsValue(value): 检查是否包含特定“键/值”。
  • putIfAbsent(key, () => value): 如果键不存在，则插入键值对。
  • keys、values、entries: 获取所有“键/值/键值对”的可迭代对象。
  • update(key, (value) => updatedValue, {ifAbsent}): 更新现有键的值，如果键不存在可以提供默认值。
Set：

无序的集合，不允许重复元素。它非常适合用来去除重复项或进行集合运算（如并集、交集、差集等）。

  • 大部分方法同List，如：add、addAll、remove、contains、clear、forEach、map、where。
  • union(other): 返回两个集合的并集。
  • intersection(other): 返回两个集合的交集。
  • difference(other): 返回当前集合减去另一个集合的结果。
  • lookup(element): 查找元素，如果不存在则返回 null。

文件系统访问

  • getTemporaryDirectory(), getApplicationDocumentsDirectory(): 获取临时目录和应用文档目录。
  • File(path).readAsString(), File(path).writeAsString(): 读取和写入文件内容。

插件与扩展

  • flutter_local_notifications.show(): 展示本地通知。
  • url_launcher.launch(url): 打开 URL 或电话号码。
  • image_picker.pickImage(): 选择图片或视频。
  • GoogleMap(controller: controller): 显示 Google 地图。

工具类：

DateTime类：
var now = DateTime.now();// 当前日期和时间
DateTime(2023, 1, 1, 12, 0, 0); // 创建一个指定日期和时间的DateTime对象，输出：2023-01-01 12:00:00.000
DateTime.parse('2023-01-01 12:00:00');// 解析时间字符串，输出：2023-01-01 12:00:00.000
now.add(Duration(hours: -2)) // 时间计算，当前时间减2小时
// 时间比较
var d3 = DateTime(2023, 1, 1);
var d4 = DateTime(2023, 12, 31);
print(d3.isBefore(d4)); // 输出：true，表示d3在d4之前
print(d3.isAfter(d4)); // 输出：false，表示d3不在d4之后
print(d3.isAtSameMomentAs(DateTime(2023, 1, 1))); // 输出：true，表示两个时间相同
// 计算时间差
var difference = d3.difference(d4);
print([difference.inDays, difference.inHours, difference.inMinutes]); // 输出时间差的天数、小时数和分钟数
// 时间戳
print(now.millisecondsSinceEpoch); // 单位毫秒，13位时间戳
print(now.microsecondsSinceEpoch); // 单位微秒，16位时间戳
print("${now.year}-${now.month.toString().padLeft(2, '0')}-${now.day.toString().padLeft(2, '0')} ${now.hour.toString().padLeft(2, '0')}:${now.minute.toString().padLeft(2, '0')}:${now.second.toString().padLeft(2, '0')}");
// 输出格式化后的日期和时间，例如：2025-01-01 12:00:00
Uri:
  • Uri.parse(url)：根据字符串创建一个Uri对象。
  • Uri.toString()：将Uri对象转换回字符串形式。
  • Uri.replace()：替换Uri中的某个部分，如查询参数或路径。
  • Uri.encodeComponent() 和 Uri.decodeComponent()：对Uri中的特殊字符进行编码和解码，包括那些通常不需要编码的有意义字符（如/, :, &, #等）也会被编码。
  • Uri.encodeFull() 和 Uri.decodeFull()：对Uri进行整体编码和解码，但通常不会编码那些有意义字符（如/, :, &, #等）。
var uri = 'https://testurl.com/api?message=hello world!!!';
var encodeComponentUri = Uri.encodeComponent(uri);
// https%3A%2F%2Ftesturl.com%2Fapi%3Fmessage%3Dhello%20world!!!
var encodeFullUri = Uri.encodeFull(uri);
// https://testurl.com/api?message=hello%20world!!!

Flutter框架相关问题

  1. Flutter中的GlobalKey是什么，有什么作用？

    • 答案：GlobalKey可以主动获取以及主动改变子控件的状态。

  2. Widget、Element、RenderObject三者之间的关系是什么？

    • 答案：Widget不是真正渲染UI的对象，它只是Element的一个配置描述，去告知Element应该如何去渲染。Widget和Element之间是一对多的关系。RenderObject才是实际渲染的对象，Element持有RenderObject和Widget。三者的关系是：配置文件Widget生成了Element，而后创建RenderObject关联到Element的内部renderObject对象上，最后Flutter通过RenderObject数据来布局和绘制。

  3. 通过BoxDecoration和ClipRRect设置圆角有什么区别？

    • 答案：使用BoxDecoration设置圆角不会影响其child控件，如果child是图片或者也有背景色的话，圆角效果会失效。而ClipRRect会影响到child，加了圆角后也会约束到child产生圆角效果。

  4. StatelessWidget和StatefulWidget在Flutter中有什么区别？

    • 答案：在Flutter中，StatelessWidget和StatefulWidget是两种基本的Widget类型，它们的主要区别在于状态管理和如何处理UI更新。StatelessWidget是不可变的Widget，其状态在创建后不会改变，适合用于显示静态内容或简单的UI结构。StatefulWidget是可变的Widget，可以在其生命周期内维护状态，适合用于需要动态更新的内容，如表单、动画等。

  5. Flutter是如何实现原生性能和体验的？

    • 答案：Flutter实现原生性能和体验的关键点包括：

      • 渲染引擎：使用Skia作为渲染引擎，直接与底层操作系统的图形API进行交互，实现高效的图形渲染。
      • 直接访问原生API：通过平台通道与原生代码进行通信，访问硬件功能。
      • Widget树：Flutter的UI完全由Widgets构成，不依赖于原生UI组件，确保了在不同平台上具有一致的外观和行为。
      • 高效的性能：使用Ahead-of-Time（AOT）编译，提高应用的启动速度和运行性能。

  6. Flutter是如何与原生Android、iOS进行通信的？

    • 答案：Flutter与原生平台（Android和iOS）之间的通信主要通过平台通道（Platform Channels）实现。包括：

      • BasicMessageChannel：用于传递字符串和半结构化的信息。
      • MethodChannel：用于传递方法调用（method invocation）。
      • EventChannel：用于数据流（event streams）的通信。

  7. Navigator在Flutter中是什么？Routes在Flutter中是什么？

    • 答案：在Flutter中，Navigator和Routes是用于管理应用导航和页面切换的核心组件。Navigator是一个Widget，用于管理页面的堆栈，可以通过推送新页面和弹出当前页面来实现页面的切换。Routes定义应用中不同页面的结构，通过MaterialApp或WidgetsApp的routes属性配置，实现命名路由。

  8. Flutter在Debug和Release下分别使用什么编译模式，有什么区别？

    • 答案：Debug模式下使用JIT编译模式，即Just in time（即时编译），Release下使用AOT模式，即Ahead of time（提前编译）。JIT模式因为需要边运行边编译，所以会占用运行时内存，导致卡顿现象，但有动态编译效果，对开发者来说调试非常方便。AOT模式提前编译不会占用运行时内存，相对来说运行流畅，但会导致编译时间增加。

  9. SafeArea 和 MediaQuery的用法及其应用场景？
    SafeArea 和 MediaQuery是两个非常有用的 widget，它们帮助开发者创建响应式和适应不同屏幕尺寸及设备特性的用户界面。

    • SafeArea 是一个用于确保内容不会被设备的边缘（如状态栏、导航栏、圆角屏幕或打孔屏等）遮挡的 widget。它自动为这些区域添加内边距（padding），使得你的应用布局更加美观且易于阅读。
      使用场景：当你希望 UI 元素不被设备的非交互区域（如 iPhone X 及更新机型的状态栏、底部小圆角）遮挡时。确保文本和其他重要元素不会出现在屏幕的安全区域内。
    • MediaQuery 提供了一种获取当前设备屏幕信息的方法，包括屏幕尺寸、像素密度、方向等。这有助于创建自适应的布局，并根据不同的设备特性调整 UI。
      使用场景：
      1.获取屏幕宽度和高度来动态调整布局大小。
      2.检测设备的方向（横屏或竖屏）以改变界面布局。
      3.根据设备的字体缩放比例调整文本大小。

以上面试题涵盖了Flutter和Dart的基础知识和核心概念，有助于面试者检验自己的技能水平。

网站公告

今日签到

点亮在社区的每一天
去签到

热门文章

最新发布