Skip to content

Instantly share code, notes, and snippets.

View AlenaNicolay's full-sized avatar

Widgetbook AlenaNicolay

View GitHub Profile
@AlenaNicolay
AlenaNicolay / Review CustomButton widget
Created July 14, 2023 12:56
Review CustomButton widget
import 'package:flutter/material.dart';
import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
@AlenaNicolay
AlenaNicolay / Build-in Addons
Created July 14, 2023 12:55
Build-in Addons
// lib/widgetbook.dart
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:widgetbook/widgetbook.dart';
import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
import 'package:widgetbook_core/widgetbook_core.dart';
import 'widgetbook.g.dart';
void main() {
// lib/main.dart
import 'package:flutter/material.dart';
import 'package:widgetbook/widgetbook.dart';
void main() {
runApp(const WidgetbookApp());
}
class WidgetbookApp extends StatelessWidget {
const WidgetbookApp({Key? key}) : super(key: key);
@AlenaNicolay
AlenaNicolay / Running Widgetbook
Created July 14, 2023 12:53
Running Widgetbook
flutter run -d chrome -t lib/widgetbook.dart
@AlenaNicolay
AlenaNicolay / widgetbook.directories.g.dart
Created July 14, 2023 12:52
Widgetbook.directories.g.dart file
// 'widgetbook.directories.g.dart'
// coverage:ignore-file
// ignore_for_file: type=lint
// ignore_for_file: unused_import, prefer_relative_imports, directives_ordering
// GENERATED CODE - DO NOT MODIFY BY HAND
// **************************************************************************
@AlenaNicolay
AlenaNicolay / Code generator
Created July 14, 2023 12:51
Running the code generator
flutter pub run build_runner build --delete-conflicting-outputs
@AlenaNicolay
AlenaNicolay / Annotation
Created July 14, 2023 12:50
Annotating Widgets
// lib/components/custom_button.dart
import 'package:flutter/material.dart';
import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
class CustomButton extends StatelessWidget {
const CustomButton({
super.key,
required this.title,
this.onPressed,
});
@AlenaNicolay
AlenaNicolay / Directories
Created July 14, 2023 12:49
Directories
// single app
flutter_app
└─── lib
| └─── feature.dart
│ └─── main.dart
│ └─── main.widgetbook.dart
└─── pubspec.yaml
// separate app
flutter_app
@AlenaNicolay
AlenaNicolay / Widgetbook.dart file
Created July 14, 2023 12:47
Adding a new widgetbook.dart file
// widgetbook.dart
import 'package:flutter/material.dart';
import 'package:widgetbook/widgetbook.dart';
import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
// Import the generated directories variable
import 'widgetbook.directories.g.dart';
void main() {
@AlenaNicolay
AlenaNicolay / Dependencies
Created July 14, 2023 12:44
Necessary dependencies to pubspec.yaml file
dependencies:
widgetbook_annotation: ^3.0.0
dev_dependencies:
widgetbook: ^3.0.0
widgetbook_generator: ^3.0.0
build_runner: