WHCSRL 技术网

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

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

插件名称

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(),
    );
  }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
推荐阅读