A Flutter package for inspecting widgets.

Last update: Sep 23, 2022

Related tags

Overview

inspector

A Flutter package for inspecting widgets. Also comes with an eyedropper functionality. Useful for debugging widgets and for QA testing.

Supports keyboard shortcuts if you're using a physical keyboard.

Inspired by inspx.

WIP

Warning, the development of this package is still in progress and some things may break your app.

Features

Installing

Add the dependency:

$ flutter pub add inspector

Import the package:

import 'package:inspector/inspector.dart';

Wrap MaterialApp.builder or WidgetsApp.builder with Inspector:

MaterialApp(
  home: ExampleApp(),
  builder: (context, child) => Inspector(child: child!), // Wrap [child] with [Inspector]
),

Optionally, you can pass isEnabled to the Inspector to disable it. By default, the inspector is disabled when kReleaseMode == true.

Usage

If the inspector is enabled, then a panel appears on the right side of the screen, with buttons to toggle size inspection and the color picker.

It's quite straightforward to use, just tap on the widget that you want to measure or tap on the pixel to get its color.

You can also use keyboard shortcuts - Shift will toggle the color picker, and Alt or Cmd will toggle the widget inspector.

Examples

Contact me

Feel free to contact me at:

E-mail: [email protected]

An all-in-one Fllutter package for state management, reactive objects, animations, effects, timed widgets etc.

Frideos An all-in-one package for state management, streams and BLoC pattern, animations and timed widgets, effects. Contents 1. State management Gett

Dec 23, 2022

This package provides some widgets you can use to create a smooshy UI.

Dough Library Squishy widgets for Flutter. Quick Links Dough Demos Here are a few samples of the different widgets provided by this repo. You can find

Jan 8, 2023

Responsive-Ui-builder - The responsive ui builder package contains widgets that helps you to create your UI responsive

Responsive Ui Builder Getting Started The responsive ui builder package contains

Feb 1, 2022

Package provides light widgets [for Linkify, Clean] and extensions for strings that contain bad words/URLs/links/emails/phone numbers

Oct 2, 2022

Mixins is a package for shortening the use of some widgets or properties.

Usage It's not a great package, just help us to code briefly, everyone can make their own easily. To use this plugin, add mixins as a dependency in yo

Nov 8, 2022

A Flutter widget for rendering static html as Flutter widgets (Will render over 80 different html tags!)

flutter_html A Flutter widget for rendering HTML and CSS as Flutter widgets. Screenshot 1 Screenshot 2 Screenshot 3 Table of Contents: Installing Curr

Jan 5, 2023

A Flutter widget for rendering HTML and CSS as Flutter widgets

flutter_html A Flutter widget for rendering HTML and CSS as Flutter widgets. Screenshot 1 Screenshot 2 Screenshot 3 Table of Contents: Installing Curr

Dec 15, 2021

Recipes app in flutter using API to get data. Amazing Recipes app UI in Flutter using dart with simple widgets.

Food Recipe App In Flutter Using API'S Recipe App in Flutter Subscribe Our YouTube Channel. Visit Website Demo OutPut Images ## 🔗 Links Getting Start

Dec 26, 2022

custom flutter candies(widgets) for you to build flutter app easily, enjoy it

Flutter Custom flutter candies(widgets) for you to easily build flutter app, enjoy it waterfall_flow A Flutter grid view easy to build waterfall flow

Nov 23, 2022

Comments

Update Inspector to Flutter 3.0

Hello, inspector 1.1.1 causes errors when building on flutter 3.0. It's a bit unpleasant, could you fix it?

/C:/flutter_windows_2.10.4-stable/flutter/.pub-cache/hosted/pub.dartlang.org/inspector-1.1.1/lib/src/inspector.dart:173:22: Warning: Operand of null-aware operation '?.' has type 'WidgetsBinding' which excludes null.
- 'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/C:/flutter_windows_2.10.4-stable/flutter/packages/flutter/lib/src/widgets/binding.dart').
package:flutter/…/widgets/binding.dart:1
      WidgetsBinding.instance?.addPostFrameCallback((_) {
                     ^

/C:/flutter_windows_2.10.4-stable/flutter/.pub-cache/hosted/pub.dartlang.org/inspector-1.1.1/lib/src/widgets/inspector/overlay.dart:39:20: Warning: Operand of null-aware operation '?.' has type 'WidgetsBinding' which excludes null.
- 'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/C:/flutter_windows_2.10.4-stable/flutter/packages/flutter/lib/src/widgets/binding.dart').
package:flutter/…/widgets/binding.dart:1
    WidgetsBinding.instance?.scheduleFrameCallback(
                   ^

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.0.5, on Microsoft Windows [Version 10.0.22000.795], locale ru-RU)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Chrome - develop for the web
[✓] Visual Studio - develop for Windows (Visual Studio Community 2022 17.0.5)
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.70.0)
[✓] Connected device (4 available)
[✓] HTTP Host Availability

• No issues found!

opened by StarProxima 2

Feature: keyboard shortcuts and customization
Changes

Now the widget inspector can be toggled by pressing Alt or Cmd and the color picker can be toggled by pressing Shift.

Added customization parameters to Inspector - changing or disabling keyboard shortcuts, disabling individual components, and hiding the panel (this is useful if you're going to only use the keyboard shortcuts).

Added KeyboardHandler for handling keyboard events related to shortcuts.
opened by kekland 0

Releases(1.1.4)

1.1.4(Sep 26, 2022)
Fix color picker index going out of bounds

Source code(tar.gz)
Source code(zip)
1.1.3(Sep 26, 2022)
Bugfixes

Source code(tar.gz)
Source code(zip)
1.1.2(Sep 26, 2022)
Added support for different properties on RenderParagraph and RenderDecoratedBox.

Bugfixes related to bootstrapping Inspector on a portion of a screen.

Source code(tar.gz)
Source code(zip)
1.1.1(Oct 23, 2021)
Minor README changes

Deployed the example app to GitHub pages

Source code(tar.gz)
Source code(zip)
1.1.0(Oct 22, 2021)
Added support for keyboard shortcuts. You can now press Cmd or Alt to toggle the widget inspector, and press Shift to toggle the color picker.

Added customization options to Inspector - you can disable individual features, customize the shortcuts, or hide the panel.

Source code(tar.gz)
Source code(zip)
1.0.5(Oct 22, 2021)
Minor README changes

Source code(tar.gz)
Source code(zip)
1.0.4(Oct 22, 2021)
Enabling the inspector will absorb the pointers. This is done so that tappable widgets can also be inspected.

Source code(tar.gz)
Source code(zip)
1.0.3(Oct 22, 2021)
Added a loading indicator for color picker

Added widget tests

Source code(tar.gz)
Source code(zip)
1.0.2(Oct 22, 2021)

Minor README changes
Source code(tar.gz)
Source code(zip)
1.0.1(Oct 22, 2021)

Minor README changes
Source code(tar.gz)
Source code(zip)
1.0.0(Oct 22, 2021)

Initial release
Source code(tar.gz)
Source code(zip)

Owner

Erzhan

18 y.o. undergrad student, full-stack developer who loves electrical engineering :)

GitHub

Widgets intermediate - Intermediate Widgets For Flutter

Intermediate Widgets 4-MODUL 5-LESSON Alert Dialog (Android & IOS) Drawer Single

2 Feb 6, 2022

Target the specific design of Material for Android and Cupertino for iOS widgets through a common set of Platform aware widgets

Flutter Platform Widgets This project is an attempt to see if it is possible to create widgets that are platform aware. Currently in order to render t

1.3k Jan 4, 2023

Target the specific design of Material for Android and Cupertino for iOS widgets through a common set of Platform aware widgets

Flutter Platform Widgets This project is an attempt to see if it is possible to create widgets that are platform aware. Currently in order to render t

1.3k Jan 4, 2023

A Flutter package for inspecting widgets.

Related tags

Overview

inspector

WIP

Features

Installing

Usage

Examples

Contact me

You might also like...

Comments

Changes

Releases(1.1.4)

1.1.4(Sep 26, 2022)

1.1.3(Sep 26, 2022)

1.1.2(Sep 26, 2022)

1.1.1(Oct 23, 2021)

1.1.0(Oct 22, 2021)

1.0.5(Oct 22, 2021)

1.0.4(Oct 22, 2021)

1.0.3(Oct 22, 2021)

1.0.2(Oct 22, 2021)

1.0.1(Oct 22, 2021)

1.0.0(Oct 22, 2021)

Owner

Erzhan

Widgets intermediate - Intermediate Widgets For Flutter

Target the specific design of Material for Android and Cupertino for iOS widgets through a common set of Platform aware widgets

Target the specific design of Material for Android and Cupertino for iOS widgets through a common set of Platform aware widgets

Arisprovider - A mixture between dependency injection (DI) and state management, built with widgets for widgets

A flutter package from AsurRaa for widgets and utility functions to support mobile departments here.

A Flutter package containing widgets created by GroovinChip.

Flutter package to render html as widgets that supports hyperlink, image, audio, video, iframe and many other tags.

A Flutter package allows you to Showcase/Highlight your widgets step by step.👌🔝🎉

Flutter package. A wrapper for scrollable widgets that enables smooth scrolling with a mouse on all platforms.

A simple package for adding water drops to your Widgets!