flutter_device_preview (WIP)

Preview of your app on various device screen configurations from one of your devices and save time when adapting your app visuals for various form factors.

Targeted features :

• Preview any device from any device
• Change Device orientation
• Freeform device with adjustable resolution and safe areas
• Dynamic system configuration : language, theme, ...
• Display a device frames
• Change the device at any time but keep the application state
• Take screenshots

Quickstart

void main() => runApp(
  DevicePreview(
    child: MyApp(),
  ),
);

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

Roadmap

• Language picker
• Theme picker
• Android devices
• Desktop devices
• TV devices
• Local screenshot server
• Documentation
• Clean code