Add rfw widgets

packages/rfw/CHANGELOG.md

@@ -2,6 +2,7 @@
 
 * Updates minimum supported SDK version to Flutter 3.10/Dart 3.0.
 * Fixes lint warnings.
+* Add one core widget and one material widget.
 
 ## 1.0.15
 

packages/rfw/lib/src/flutter/core_widgets.dart

@@ -8,7 +8,6 @@
 
 // This file is hand-formatted.
 
-// ignore: unnecessary_import, see https://github.com/flutter/flutter/pull/138881
 import 'dart:ui' show FontFeature;
 
 import 'package:flutter/gestures.dart' show DragStartBehavior;
@@ -28,6 +27,7 @@ import 'runtime.dart';
 ///  * [AspectRatio]
 ///  * [Center]
 ///  * [ColoredBox]
+///  * [ClipRRect]
 ///  * [Column]
 ///  * [Container] (actually uses [AnimatedContainer])
 ///  * [DefaultTextStyle]
@@ -269,6 +269,15 @@ Map<String, LocalWidgetBuilder> get _coreWidgetsDefinitions => <String, LocalWid
     );
   },
 
+  'ClipRRect': (BuildContext context, DataSource source) {
+    // not implemented: clipper
+    return ClipRRect(
+      borderRadius: ArgumentDecoders.borderRadius(source, ['borderRadius']) ?? BorderRadius.zero,
+      clipBehavior: ArgumentDecoders.enumValue<Clip>(Clip.values, source, ['clipBehavior']) ?? Clip.antiAlias,
+      child: source.optionalChild(['child']),
+    );
+  }, 
+
   'ColoredBox': (BuildContext context, DataSource source) {
     return ColoredBox(
       color: ArgumentDecoders.color(source, ['color']) ?? const Color(0xFF000000),
@@ -671,4 +680,4 @@ Map<String, LocalWidgetBuilder> get _coreWidgetsDefinitions => <String, LocalWid
     );
   },
 
-};
+};

packages/rfw/lib/src/flutter/material_widgets.dart

@@ -27,6 +27,7 @@ import 'runtime.dart';
 ///  * [CircularProgressIndicator]
 ///  * [Divider]
 ///  * [DrawerHeader]
+///  * [DropdownButton]
 ///  * [ElevatedButton]
 ///  * [FloatingActionButton]
 ///  * [InkWell]
@@ -67,6 +68,9 @@ import 'runtime.dart';
 ///  * The [Scaffold]'s floating action button position and animation features
 ///    are not supported.
 ///
+///  * [DropdownButton] takes a list of items object with the key of params 
+///    names and value of the param values to represent [DropdownMenuItem].
+///
 /// In general, the trend will all of these unsupported features is that this
 /// library doesn't support features that can't be trivially expressed using the
 /// JSON-like structures of RFW. For example, [MaterialStateProperty] is
@@ -188,6 +192,45 @@ Map<String, LocalWidgetBuilder> get _materialWidgetsDefinitions => <String, Loca
     );
   },
 
+  'DropdownButton': (BuildContext context, DataSource source) {
+    final length = source.length(['items']);
+    final dropdownMenuItems = List<DropdownMenuItem<Object>>.generate(
+        length,
+        (i) => DropdownMenuItem<Object>(
+            onTap: source.voidHandler(['items', i, 'onTap']),
+            value: source.v<String>(['items', i, 'value']),
+            enabled: source.v<bool>(['items', i, 'enabled']) ?? true,
+            alignment: ArgumentDecoders.alignment(source, ['items', i, 'alignment']) ?? AlignmentDirectional.centerStart,
+            child: source.child(['items', i, 'child'])));
+
+    return DropdownButton<Object>(
+      items: dropdownMenuItems,
+      value: source.v<String>(['value']) ?? source.v<int>(['value']) ?? source.v<double>(['value']) ?? source.v<bool>(['value']),
+      hint: source.optionalChild(['hint']),
+      disabledHint: source.optionalChild(['disabledHint']),
+      onChanged: source.handler(<Object>['onChanged'], (HandlerTrigger trigger) => (Object? value) => trigger(<String, Object?>{'value': value})),
+      onTap: source.voidHandler(['onTap']),
+      elevation: source.v<int>(['elevation']) ?? 8,
+      style: ArgumentDecoders.textStyle(source, ['style']),
+      underline: source.optionalChild(['underline']),
+      icon: source.optionalChild(['icon']),
+      iconDisabledColor: ArgumentDecoders.color(source, ['iconDisabledColor']),
+      iconEnabledColor: ArgumentDecoders.color(source, ['iconEnabledColor']),
+      iconSize: source.v<double>(['iconSize']) ?? 24.0,
+      isDense: source.v<bool>(['isDense']) ?? false,
+      isExpanded: source.v<bool>(['isExpanded']) ?? false,
+      itemHeight: source.v<double>(['itemHeight']) ?? kMinInteractiveDimension,
+      focusColor: ArgumentDecoders.color(source, ['focusColor']),
+      autofocus: source.v<bool>(['autofocus']) ?? false,
+      dropdownColor: ArgumentDecoders.color(source, ['dropdownColor']),
+      menuMaxHeight: source.v<double>(['menuMaxHeight']),
+      enableFeedback: source.v<bool>(['enableFeedback']),
+      alignment: ArgumentDecoders.alignment(source, ['alignment']) ?? AlignmentDirectional.centerStart,
+      borderRadius: ArgumentDecoders.borderRadius(source, ['borderRadius'])?.resolve(Directionality.of(context)),
+      padding: ArgumentDecoders.edgeInsets(source, ['padding']),
+    );
+  },
+
   'ElevatedButton': (BuildContext context, DataSource source) {
     // not implemented: buttonStyle, focusNode
     return ElevatedButton(
@@ -346,4 +389,4 @@ Map<String, LocalWidgetBuilder> get _materialWidgetsDefinitions => <String, Loca
     );
   },
 
-};
+};

packages/rfw/test/core_widgets_test.dart

@@ -7,6 +7,7 @@
 import 'dart:typed_data';
 
 import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:rfw/formats.dart' show parseLibraryFile;
 import 'package:rfw/rfw.dart';
@@ -278,5 +279,15 @@ void main() {
     '''));
     await tester.pump();
     expect(find.byType(Wrap), findsOneWidget);
+
+    runtime.update(const LibraryName(<String>['test']), parseLibraryFile('''
+      import core;
+      widget root = ClipRRect();
+    '''));
+    await tester.pump();
+    expect(find.byType(ClipRRect), findsOneWidget);
+    final RenderClipRRect renderClip = tester.allRenderObjects.whereType<RenderClipRRect>().first; 
+    expect(renderClip.clipBehavior, equals(Clip.antiAlias));
+    expect(renderClip.borderRadius, equals(BorderRadius.zero));
   });
 }

packages/rfw/test/material_widgets_test.dart

@@ -123,6 +123,28 @@ void main() {
                 ),
               ),
             ),
+            Divider(),
+            Padding(
+              padding: [20.0],
+              child: Center(
+                child: DropdownButton(
+                  value: 'foo',
+                  items: [
+                    {
+                      value: 'foo',
+                      child: Text(text: 'foo'),
+                      onTap: event 'menu_item' {},
+                    },
+                    {
+                      value: 'bar',
+                      child: Text(text: 'bar'),
+                      onTap: event 'menu_item' {},
+                    },
+                  ],
+                  onChanged: event 'dropdown' {},
+                ),
+              ),
+            ),
           ],
         ),
         floatingActionButton: FloatingActionButton(
@@ -135,15 +157,28 @@ void main() {
     await expectLater(
       find.byType(RemoteWidget),
       matchesGoldenFile('goldens/material_test.scaffold.png'),
-      skip: !runGoldens,
+      // skip: !runGoldens,
     );
+
+    await tester.tap(find.byType(DropdownButton<Object>));
+    await tester.pumpAndSettle();
+    expect(find.text('bar'), findsOneWidget);
+    await expectLater(
+      find.byType(MaterialApp),
+      matchesGoldenFile('goldens/material_test.dropdown.png'),
+      // skip: !runGoldens,
+    );
+    // Dismiss dropdown.
+    await tester.tapAt(Offset.zero);
+    await tester.pumpAndSettle();
+
     await tester.tapAt(const Offset(20.0, 20.0));
     await tester.pump();
     await tester.pump(const Duration(seconds: 1));
     await expectLater(
       find.byType(RemoteWidget),
       matchesGoldenFile('goldens/material_test.drawer.png'),
-      skip: !runGoldens,
+      // skip: !runGoldens,
     );
   });
 }