Approximate how your app looks and performs on another device.

When upgrading from device_preview: ^0.6.2-beta to device_preview: ^0.7.1 I am getting this error:

/C:/src/flutter/flutter/.pub-cache/hosted/pub.dartlang.org/device_preview-0.7.1/lib/src/state/store.dart:79:43: Error: The argument type 'List?' can't be assigned to the parameter type 'List' because 'List?' is nullable and 'List' isn't.

• 'List' is from 'dart:core'.
• 'Locale' is from 'dart:ui'. WidgetsBinding.instance!.window.locales,

Does anyone know how to fix this?

Unable see the device options even using for the general demo app.

No Material Localization error in the list of devices and local menu.

Following is the code I am testing device_preview 0.4.7 with.

import 'package:device_preview/device_preview.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(DevicePreview(builder: (context) => MyApp()));
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      locale: DevicePreview.of(context).locale, // <--- Add the locale
      builder: DevicePreview.appBuilder,
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

Following is my fluter doctor summary

[√] Flutter (Channel master, 1.20.0-8.0.pre.41, on Microsoft Windows [Version 10.0.18363.900], locale en-US)
    • Flutter version 1.20.0-8.0.pre.41 at C:\Abhilash\Installs\flutter
    • Framework revision fd80503fd3 (10 hours ago), 2020-07-10 14:41:02 +0530
    • Engine revision 9b3e3410f0
    • Dart version 2.9.0 (build 2.9.0-21.0.dev 06cb010247)

[√] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
    • Android SDK at C:\Users\abhil\AppData\Local\Android\sdk
    • Platform android-29, build-tools 29.0.0
    • Java binary at: C:\Abhilash\Installs\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop for Windows (Visual Studio Community 2019 16.5.4)
    • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community
    • Visual Studio Community 2019 version 16.5.30011.22
    • Windows 10 SDK version 10.0.17763.0

[√] Android Studio (version 4.0)
    • Android Studio at C:\Abhilash\Installs\Android\Android Studio
    • Flutter plugin version 47.1.2
    • Dart plugin version 193.7361
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)

[√] Connected device (6 available)
    • 010229610904 (mobile) • 010229610904       • android-arm    • Android null (API null)
    • Mi A1 (mobile)        • 192.168.0.102:5555 • android-arm64  • Android 9 (API 28)
    • Windows (desktop)     • windows            • windows-x64    • Microsoft Windows [Version 10.0.18363.900]
    • Web Server (web)      • web-server         • web-javascript • Flutter Tools
    • Chrome (web)          • chrome             • web-javascript • Google Chrome 83.0.4103.116
    • Edge (web)            • edge               • web-javascript • Microsoft Edge 83.0.478.61

• No issues found!

HI!

I keep getting this error on iOS and Android:

════════ Exception caught by widgets library ═══════════════════════════════════
The following assertion was thrown while finalizing the widget tree:
Multiple widgets used the same GlobalKey.

The key [GlobalKey#653c9] was used by multiple widgets. The parents of those widgets were:
- Builder-[<'iPhone 5'>]
- Builder-[<'Medium phone'>]
A GlobalKey can only be specified on one widget at a time in the widget tree.
When the exception was thrown, this was the stack
#0      GlobalKey._debugVerifyGlobalKeyReservation.<anonymous closure>.<anonymous closure>.<anonymous closure> 
package:flutter/…/widgets/framework.dart:246
#1      _LinkedHashMapMixin.forEach  (dart:collection-patch/compact_hash.dart:379:8)
#2      GlobalKey._debugVerifyGlobalKeyReservation.<anonymous closure>.<anonymous closure> 
package:flutter/…/widgets/framework.dart:193
#3      _LinkedHashMapMixin.forEach  (dart:collection-patch/compact_hash.dart:379:8)
#4      GlobalKey._debugVerifyGlobalKeyReservation.<anonymous closure> 
package:flutter/…/widgets/framework.dart:189
...
════════════════════════════════════════════════════════════════════════════════

It didn't happen to me immediately but I think it was triggered by me switching phone types. Here's my flutter doctor.

[✓] Flutter (Channel beta, v1.17.0-3.3.pre, on Mac OS X 10.15.4 19E287, locale en-US)
 
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.4.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 3.6)
[✓] Connected device (3 available)

I am trying to deploy an app with preview mode enabled but getting errors and I wanted to rule out if these errors are actually from preview mode being rendered in release mode.

I started getting this error after upgrading to the latest flutter version on the master channel and I think it has something to do with this issue here and here which has to do with media_query.

pub.dartlang.org/device_preview-0.4.8/lib/src/device_preview.dart:135:11: 
Error: No named parameter with the name 'nullOk'.  nullOk: nullOk,
/flutter/packages/flutter/lib/src/widgets/media_query.dart:814:25: 
Context: Found this candidate, but the arguments don't match.
  static MediaQueryData of(BuildContext context) {  

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, 1.24.0-4.0.pre.138, on Mac OS X 10.15.5 19F101 darwin-x64, locale en-NG)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] VS Code (version 1.50.1)
[✓] Connected device (4 available)

• No issues found!

I'm trying to use DevicePreview with the last stable version of flutter (2.0), I tried both version 0.5.5 and 0.6.2 beta). I got version conflict with Provider 5.0.0

Hey guys, I love this plugin! Thank you so much. Here's the issue I found.

When I want to show dialog, the dialog widget does not respect the virtual phone boundaries. The behavior I want dialog to stay within the phone.

Because device_preview 0.7.4 depends on provider ^5.0.0 and no versions of device_preview match >0.7.4 <0.8.0, device_preview ^0.7.4 requires provider ^5.0.0. So, because app depends on both provider ^6.0.0 and device_preview ^0.7.4, version solving failed. pub get failed (1; So, because app depends on both provider ^6.0.0 and device_preview ^0.7.4, version solving failed.)

Hi many thanks for the new release I have managed to automate the screenshots capture with the flutter driver So that 's my DataHandler

final DataHandler handler = (String msg) async {   
    if (msg == "screenshot"){      
      var screenshot = await DevicePreview.screenshot(RM.context);
      logger.info(screenshot.device.name);
      var link = await FileioScreenshotUploader().upload(screenshot);
      logger.info(link);     
    }
    return null;
  };  
  enableFlutterDriverExtension(handler: handler);

And when ever i want to take a screenshot to my test i call

await driver.runUnsynchronized(() async {
        await driver.requestData("screenshot");
      });

Now my question...what i am missing is also changing the device frame in the runtime like DevicePreview.setDevice(DeviceInfo deviceInfo) Is that possible?

Potentially this is unavoidable but it seems that any widgets that consume MediaQuery.size are rendered incorrectly on Device Preview. It looks like it returns the actual device size as opposed to the virtual device size.

I am using version 0.7.2 and facing an error as following:

../../flutter/.pub-cache/hosted/pub.dartlang.org/device_frame-0.4.1/lib/src/devices.dart:9:6: Error: Error when reading '../../flutter/.pub-cache/hosted/pub.dartlang.org/device_frame-0.4.1/lib/src/devices.g.dart': The system cannot find the file specified.

part 'devices.g.dart';

 ^

../../flutter/.pub-cache/hosted/pub.dartlang.org/device_frame-0.4.1/lib/src/devices.dart:9:6: Error: Can't use '../../flutter/.pub-cache/hosted/pub.dartlang.org/device_frame-0.4.1/lib/src/devices.g.dart' as a part, because it has no 'part of' declaration. part 'devices.g.dart'; ^ ../../flutter/.pub-cache/hosted/pub.dartlang.org/device_frame-0.4.1/lib/src/devices.dart:88:38: Error: Getter not found: '_allDevices'. static List get all => _allDevices; ^^^^^^^^^^^ ../../flutter/.pub-cache/hosted/pub.dartlang.org/device_frame-0.4.1/lib/src/devices.dart:92:5: Error: Getter not found: '_allDevices'. _allDevices.firstWhere( ^^^^^^^^^^^

FAILURE: Build failed with an exception.

• Where: Script 'C:\Users\Administrator\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 1035

• What went wrong: Execution failed for task ':app:compileFlutterBuildDebug'.

Process 'command 'C:\Users\Administrator\flutter\bin\flutter.bat'' finished with non-zero exit value 1

• Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

• Get more help at https://help.gradle.org

BUILD FAILED in 47s Exception: Gradle task assembleDebug failed with exit code 1 Exited (sigterm)

While trying to open the website, this pops up in console.

main.dart.js:33420 
        
    Uncaught ReferenceError: WebAssembly is not defined
    at La (canvaskit.js:151:54)
    at canvaskit.js:143:415
    at ai3.$1 (main.dart.js:22300:25)
    at aeO.adq (main.dart.js:33446:34)
    at aeO.CL (main.dart.js:33448:21)
    at acy.$0 (main.dart.js:33122:11)
    at Object.rj (main.dart.js:13589:40)
    at an.mn (main.dart.js:33055:3)
    at acq.$0 (main.dart.js:33090:13)
    at Object.aEz (main.dart.js:13621:5)

I'm getting this weird error when calling DevicePreview.screenshot(context). This only happens on one specific page only on the web platform. Other pages work fine and it works on iOS.

I couldn't find any more info while debugging that might explain this error, I only have the following exception. I assume this is not much help to identify the issue but I still want to see if someone has an idea.

Error: Unexpected null value.
../dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 266:49      throw_
../dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 528:63  nullCheck
../lib/_engine/engine/canvaskit/layer.dart 584:34                                    preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 357:9                                     preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 197:38                                    preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 357:9                                     preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 237:38                                    preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 357:9                                     preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 357:9                                     preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 357:9                                     preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 237:38                                    preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 357:9                                     preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 357:9                                     preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 197:38                                    preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 357:9                                     preroll
../lib/_engine/engine/canvaskit/layer.dart 125:12                                    prerollChildren
../lib/_engine/engine/canvaskit/layer.dart 357:9                                     preroll
../packages/bardogs_flutter/my_app.dart 213:22                                       <fn>
../packages/flutter/src/material/ink_well.dart 1072:21                               handleTap
../packages/flutter/src/gestures/recognizer.dart 253:24                              invokeCallback
../packages/flutter/src/gestures/tap.dart 627:11                                     handleTapUp
../packages/flutter/src/gestures/tap.dart 306:5                                      [_checkUp]
../packages/flutter/src/gestures/tap.dart 239:7                                      handlePrimaryPointer
../packages/flutter/src/gestures/recognizer.dart 615:9                               handleEvent
../packages/flutter/src/gestures/pointer_router.dart 98:12                           [_dispatch]
../packages/flutter/src/gestures/pointer_router.dart 143:9                           <fn>
../dart-sdk/lib/_internal/js_dev_runtime/private/linked_hash_map.dart 21:13          forEach
../packages/flutter/src/gestures/pointer_router.dart 141:17                          [_dispatchEventToRoutes]
../packages/flutter/src/gestures/pointer_router.dart 127:7                           route
../packages/flutter/src/gestures/binding.dart 460:19                                 handleEvent
../packages/flutter/src/gestures/binding.dart 440:14                                 dispatchEvent
../packages/flutter/src/rendering/binding.dart 337:11                                dispatchEvent
../packages/flutter/src/gestures/binding.dart 395:7                                  [_handlePointerEventImmediately]
../packages/flutter/src/gestures/binding.dart 357:5                                  handlePointerEvent
../packages/flutter/src/gestures/binding.dart 314:7                                  [_flushPointerEventQueue]
../packages/flutter/src/gestures/binding.dart 295:7                                  [_handlePointerDataPacket]
../lib/_engine/engine/platform_dispatcher.dart 1183:13                               invoke1
../lib/_engine/engine/platform_dispatcher.dart 244:5                                 invokeOnPointerDataPacket
../lib/_engine/engine/pointer_binding.dart 147:39                                    [_onPointerData]
../lib/_engine/engine/pointer_binding.dart 653:20                                    <fn>
../lib/_engine/engine/pointer_binding.dart 594:14                                    <fn>
../lib/_engine/engine/pointer_binding.dart 288:16                                    loggedHandler
../lib/_engine/engine/pointer_binding.dart 179:80                                    <fn>
../dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 334:14  _checkAndCall
../dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 339:39  dcall

I would like to start with the toggle switch to "off" so screen is "normal" but with the feature still usable. is this possible yet? thanks

I'm using Device Preview to automatically take screenshots, which I later frame and add a title to using frameit. It works well for the most part, but I'm missing a status bar.

The best solution for me would be if the screenshots could be added by Device Preview. I can probably implement the feature, but I just wanted to open an issue about it to discuss whether it is within the scope of the package and what the best solution would be.

I'm thinking that the best way to show a status bar would be to use either one image, or one image per icon. It should probably also be possible to toggle the status bar on / off, preferably independent of the device frame.

Thoughts?

Taking multiple screenshots for all available devices doesn’t work because DevicePreview.selectedDevice(context) in device_preview_screenshot/lib/src/section.dart gives an error.