example

JSON Canvas Viewer Example

This example demonstrates the various ways to use the jsoncanvasviewer package.

Examples Included

1. Full Editor

A complete editor interface with:

• JSON code editor with syntax highlighting
• Visual canvas viewer
• Real-time synchronization
• Drag and drop functionality

2. Simple Canvas

A basic canvas viewer showing:

• Read-only canvas display
• Beautiful example layout
• No editor interface
• Pure rendering capabilities

3. Interactive Canvas

An interactive demo featuring:

• Element dragging
• Element resizing
• Real-time event callbacks
• Visual feedback

Running the Example

Web

cd example
flutter run -d chrome

Android

cd example
flutter run -d android

iOS

cd example
flutter run -d ios

Code Structure

• main.dart: Main entry point with navigation between examples
• Each example is implemented as a separate widget
• Demonstrates different use cases and integration patterns

Learning Resources

• Check the source code for implementation details
• Modify the JSON strings to experiment with different layouts
• Try adding your own elements and styles

Support

For more information, visit the main package documentation.