https://github.com/rodydavis/flutter_dynamic_widget
Widget Runtime for WidgetStudio
https://github.com/rodydavis/flutter_dynamic_widget
dart dynamic-widget flutter
Last synced: 10 months ago
JSON representation
Widget Runtime for WidgetStudio
- Host: GitHub
- URL: https://github.com/rodydavis/flutter_dynamic_widget
- Owner: rodydavis
- License: mit
- Created: 2020-06-27T21:08:01.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-06-06T06:24:57.000Z (about 4 years ago)
- Last Synced: 2025-08-23T06:59:22.481Z (10 months ago)
- Topics: dart, dynamic-widget, flutter
- Language: Dart
- Homepage: https://rodydavis.github.io/flutter_dynamic_widget/
- Size: 44.8 MB
- Stars: 66
- Watchers: 4
- Forks: 14
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://www.buymeacoffee.com/rodydavis)
[](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WSH3GVC49GNNJ)
[](https://pub.dev/packages/flutter_dynamic_widget)
# flutter_dynamic_widget
A Dynamic Widget Runtime from JSON for Flutter Widgets.
This package powers https://widget.studio
Based on code gen from this package: https://github.com/rodydavis/widget_gen
## Currently Supported Widgets
- Container
- Center
- Icon
- Expanded
- Flexible
- AppBar
- Scaffold
- Stack
- Positioned
- Column
- Flex
- Row
- FloatingActionButton
- Wrap
- Text
- SizedBox
- FractionallySizedBox
- IconData
- TextStyle
- IconButton
- SingleChildScrollView
- FlutterLogo
- Theme
- ThemeData
- MaterialApp
- TextTheme
- Placeholder
- RaisedButton
- RaisedButton.icon
- FlatButton
- FlatButton.icon
- Image.network
- RaisedButton.icon
- FlatButton
- FlatButton.icon
- Image.network
- Align
- AspectRatio
- Baseline
- ConstrainedBox
- FittedBox
- IntrinsicWidth
- IntrinsicHeight
- LimitedBox
- Offstage
- OverflowBox
- SizedBox
- Padding
- SizedOverflowBox
- Transform
- PreferredSize
- BoxConstraints
- Form
- FloatingActionButtonTheme
- IconButtonTheme
- TextTheme
- BottomNavigationBar
- BottomNavigationBarItem
- Drawer
- WidgetsApp
- ButtonBar
- OutlineButton
- Card
- Chip
- CircularProgressIndicator
- LinearProgressIndicator
- Tooltip
- Divider
- ListTile
- AppBarTheme
## Example
```dart
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State {
int _counter = 0;
void increment() {
if (mounted)
setState(() {
_counter++;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: DynamicWidget(
data: {
'name': 'Center',
'params': {
'child': {
'id': '0',
'name': 'FractionallySizedBox',
'params': {
'widthFactor': 0.5,
'heightFactor': 0.5,
'child': {
'id': '1',
'name': 'Container',
'params': {
'color': '#Color(${Colors.red.value})',
'child': {
'id': '2',
'name': 'Text',
'params': {
'0': 'Counter Value: $_counter',
'style': {
'name': 'TextStyle',
'params': {
'color': '#Color(${Colors.white.value})',
'fontSize': 30.0,
}
}
},
},
},
},
},
},
},
},
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: increment,
),
);
}
}
```