A widget with side-by-side source code view. Extracted from the flutter-catalog open-source app.
First make sure to add the source file to the app's assets by editing
dependencies: flutter: sdk: flutter widget_with_codeview: '1.0.3' flutter: assets: # Include a single source code file: - lib/my_awesome_source_code.dart # Include all files under a subfoler by adding trailing "/": - lib/my_awesome_source_code_subdir/ - ...
Then wrap the widget from that source file by a
WidgetWithCodeView( child: MyAwesomeWidget(), sourceFilePath: 'lib/my_awesome_source_code.dart', /// [codeLinkPrefix] is optional. When it's specified, two more buttons /// (open-code-in-browser, copy-code-link) will be added in the code view. codeLinkPrefix: 'https://github.com/<my_username>/<my_project>/blob/master/', ),
You can also choose to only show the code:
SourceCodeView( sourceFilePath: 'lib/my_awesome_source_code.dart', codeLinkPrefix: 'https://github.com/<my_username>/<my_project>/blob/master/', ),