Simulator #8

Author: SaadArdati

lib/src/transformers/node_transformer.dart

@@ -78,6 +78,11 @@ class WidgetBuildSettings extends BuildSettings {
   /// Defines what to do when a variable path results in a null value.
   final NullSubstitutionMode nullSubstitutionMode;
 
+  /// Determines whether the transformer manager should skip wrapping the widget
+  /// with any additional widgets such as listeners, rotation, margin,
+  /// constraints, etc.
+  final bool buildRawWidget;
+
   /// Creates a [WidgetBuildSettings] instance.
   const WidgetBuildSettings({
     super.withOpacity,
@@ -93,6 +98,7 @@ class WidgetBuildSettings extends BuildSettings {
     required this.debugLabel,
     this.nullSubstitutionMode = NullSubstitutionMode.noChange,
     this.replaceVariablesWithSymbols = false,
+    this.buildRawWidget = false,
   });
 
   /// Creates a copy of this [WidgetBuildSettings] instance.
@@ -110,6 +116,7 @@ class WidgetBuildSettings extends BuildSettings {
     String? debugLabel,
     NullSubstitutionMode? nullSubstitutionMode,
     bool? replaceVariablesWithSymbols,
+    bool? buildRawWidget,
   }) {
     return WidgetBuildSettings(
       withOpacity: withOpacity ?? this.withOpacity,
@@ -126,6 +133,7 @@ class WidgetBuildSettings extends BuildSettings {
       nullSubstitutionMode: nullSubstitutionMode ?? this.nullSubstitutionMode,
       replaceVariablesWithSymbols:
           replaceVariablesWithSymbols ?? this.replaceVariablesWithSymbols,
+      buildRawWidget: buildRawWidget ?? this.buildRawWidget,
     );
   }
 
@@ -135,6 +143,7 @@ class WidgetBuildSettings extends BuildSettings {
         debugLabel,
         nullSubstitutionMode,
         replaceVariablesWithSymbols,
+        buildRawWidget,
       ];
 }
 

lib/src/transformers/node_transformers/passive_app_bar_transformer.dart

@@ -9,11 +9,15 @@ class PassiveAppBarTransformer extends NodeWidgetTransformer<AppBarNode> {
   PassiveAppBarTransformer(super.getNode, super.manager);
 
   @override
-  Widget buildWidget(
+  PreferredSizeWidget buildWidget(
     AppBarNode node,
     BuildContext context,
     WidgetBuildSettings settings,
   ) {
+    if (settings.buildRawWidget) {
+      return buildRawAppBar(context, node: node, settings: settings);
+    }
+
     return PassiveAppBarWidget(
       node: node,
       settings: settings,
@@ -22,6 +26,71 @@ class PassiveAppBarTransformer extends NodeWidgetTransformer<AppBarNode> {
     );
   }
 
+  PreferredSizeWidget buildRawAppBar(
+    BuildContext context, {
+    required AppBarNode node,
+    WidgetBuildSettings settings = const WidgetBuildSettings(
+      debugLabel: 'buildPreview',
+      replaceVariablesWithSymbols: true,
+    ),
+    List<VariableData> variablesOverrides = const [],
+  }) {
+    final Widget? leading = node.properties.leading.icon.show &&
+            !node.properties.automaticallyImplyLeading
+        ? retrieveIconWidget(node.properties.leading.icon, null)
+        : null;
+
+    final Widget? title = node.properties.title.trim().isEmpty
+        ? null
+        : TextUtils.buildText(
+            context,
+            node.properties.title,
+            textAlignHorizontal: null,
+            maxLines: null,
+            overflow: null,
+            node: node,
+            variablesOverrides: variablesOverrides,
+            nullSubstitutionMode: settings.nullSubstitutionMode,
+            replaceVariablesWithSymbol: settings.replaceVariablesWithSymbols,
+          );
+    return AppBar(
+      centerTitle: node.properties.centerTitle,
+      leading: leading != null
+          ? IconButton(
+              onPressed: () => onTriggerAction.call(
+                  context, node.properties.leading.reactions),
+              icon: leading,
+            )
+          : null,
+      titleTextStyle: TextUtils.retrieveTextStyleFromProp(
+        node.properties.titleStyle,
+        effects: const [],
+      ),
+      backgroundColor: node.properties.backgroundColor.toFlutterColor(),
+      elevation: node.properties.elevation,
+      automaticallyImplyLeading: node.properties.leading.icon.show
+          ? node.properties.automaticallyImplyLeading
+          : false,
+      title: title,
+      foregroundColor:
+          node.properties.titleStyle.fills.firstOrNull?.toFlutterColor(),
+      titleSpacing: node.properties.titleSpacing,
+      shadowColor: node.properties.shadowColor.toFlutterColor(),
+      actions: [
+        for (final item
+            in node.properties.actions.whereType<IconAppBarActionItem>())
+          IconButton(
+            onPressed: () => onTriggerAction.call(context, item.reactions),
+            // splashRadius: 20,
+            iconSize: item.icon.size,
+            tooltip: item.tooltip,
+            icon: retrieveIconWidget(item.icon, item.icon.size) ??
+                const SizedBox.shrink(),
+          ),
+      ],
+    );
+  }
+
   void onTriggerAction(BuildContext context, List<Reaction> reactions) async {
     final bool executed = await FunctionsRepository.triggerAction(
         context, reactions: reactions, TriggerType.click);
@@ -83,6 +152,8 @@ class PassiveAppBarTransformer extends NodeWidgetTransformer<AppBarNode> {
   }
 }
 
+typedef AppBarBuilder = PreferredSizeWidget Function(BuildContext context);
+
 class PassiveAppBarWidget extends StatelessWidget
     implements PreferredSizeWidget {
   final AppBarNode node;
@@ -97,13 +168,16 @@ class PassiveAppBarWidget extends StatelessWidget
   const PassiveAppBarWidget({
     super.key,
     required this.node,
-    this.elevation,
     required this.settings,
+    this.elevation,
     this.onLeadingPressed,
     this.onActionPressed,
     this.variablesOverrides = const [],
   });
 
+  @override
+  Size get preferredSize => node.outerBoxLocal.size.flutterSize;
+
   @override
   Widget build(BuildContext context) {
     final Widget? leading = node.properties.leading.icon.show &&
@@ -164,7 +238,4 @@ class PassiveAppBarWidget extends StatelessWidget
       ),
     );
   }
-
-  @override
-  Size get preferredSize => node.basicBoxLocal.size.flutterSize;
 }

lib/src/transformers/node_transformers/passive_canvas_transformer.dart

@@ -28,22 +28,38 @@ class PassiveCanvasTransformer extends NodeWidgetTransformer<CanvasNode> {
 
     final BaseNode appBarNode = getNode(childId);
 
-    Widget? appBarChild = manager.buildWidgetByID(
-      appBarPlaceholderNode.id,
-      context,
-      settings: settings,
-    );
+    final NodeWidgetTransformer<BaseNode> transformer =
+        manager.getTransformerByNode(appBarNode);
 
-    if (appBarNode is! AppBarNode) {
-      // wrap with SafeArea if not an AppBarNode.
-      appBarChild = SafeArea(child: appBarChild);
-    }
+    if (transformer is PassiveAppBarTransformer) {
+      final Widget appBarChild = manager.buildWidgetFromNode(
+        appBarNode as AppBarNode,
+        context,
+        settings: settings.copyWith(
+          // Passes through to build a PreferredSizeWidget directly.
+          buildRawWidget: true,
+        ),
+      );
 
-    return PreferredSize(
-      preferredSize:
-          Size.fromHeight(appBarPlaceholderNode.outerBoxLocal.height),
-      child: SafeArea(child: appBarChild),
-    );
+      assert(
+        appBarChild is PreferredSizeWidget,
+        'PassiveAppBarTransformer must return a PreferredSizeWidget',
+      );
+
+      return appBarChild as PreferredSizeWidget;
+    } else {
+      final Widget appBarChild = manager.buildWidgetFromNode(
+        appBarNode,
+        context,
+        settings: settings,
+      );
+
+      return PreferredSize(
+        preferredSize:
+            Size.fromHeight(appBarPlaceholderNode.outerBoxLocal.height),
+        child: SafeArea(child: appBarChild),
+      );
+    }
   }
 
   Widget? getNavigationBar(

lib/src/transformers/passive_transformer_manager.dart

@@ -65,6 +65,10 @@ class PassiveNodeTransformerManager extends WidgetNodeTransformerManager {
     BuildContext context, {
     required WidgetBuildSettings settings,
   }) {
+    if (settings.buildRawWidget) {
+      return getTransformerByNode(node).buildWidget(node, context, settings);
+    }
+
     return _wrapWithListener(
       context,
       node: node,