分享

flutter 在windows和linux上运行IOS UI模拟器

 大前端之旅 2021-12-16

之前发视频总是有人留言,我用的什么模拟器,今天给大家说一下 我一般用的是device_preview这个插件,这个插件的闲置是只能做UI上的模拟,并没有真正的运行环境。近似您的应用程序在另一台设备上的外观和性能。

插件名称

device_preview

https://pub./packages/device_preview

主要特点

  1. 从任何设备预览任何设备
  2. 更改设备方向
  3. 动态系统配置(语言、暗模式、文本缩放因子等)
  4. 具有可调分辨率和安全区域的自由形式设备
  5. 保持应用程序状态
  6. 插件系统(截图,文件浏览器,...)
  7. 可定制的插件

快速入门

将您的应用程序的根小部件包装在  DevicePreview中,并将专用的builder和locale注入您的应用程序。

确保提供locale和builder到您的WidgetsApp. 如果未定义,MediaQuery则不会为所选设备模拟,也不会应用所选语言环境。


import 'package:device_preview/device_preview.dart';

void main() => runApp(
  DevicePreview(
    enabled: !kReleaseMode,
    builder: (context) => MyApp(), // 包裹
  ),
);

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      locale: DevicePreview.locale(context), // 这行重要
      builder: DevicePreview.appBuilder, // 这行重要
      home: HomePage(),
    );
  }
}

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多