adding packages

This commit is contained in:
2026-01-15 14:38:46 -08:00
parent ef86e3ab6a
commit 6869cf47e5
5253 changed files with 726695 additions and 34 deletions
@@ -0,0 +1,102 @@
import 'package:flutter/material.dart';
import 'package:flutter_storyboard/flutter_storyboard.dart';
import 'package:random_color/random_color.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return StoryBoard(
crossAxisCount: 7,
showAppBar: true,
laneBuilder: (context, title, child) {
return Container(
padding: const EdgeInsets.all(8.0),
margin: const EdgeInsets.all(4.0),
color: RandomColor(title.hashCode).randomColor(),
child: Stack(
overflow: Overflow.visible,
children: [
child,
Positioned(
left: -50,
top: 350,
child: RotatedBox(
quarterTurns: 3,
child: Text(
title,
style: TextStyle(
color: Colors.black,
fontSize: 30,
),
),
),
),
],
),
);
},
childrenLabel: 'Custom Sized Children',
sizedChildren: [
for (var i = 0; i < 25; i++)
CustomScreen(
// label: 'Screen$i',
size: Size(400, 700),
child: _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
),
],
children: [
for (var i = 0; i < 25; i++)
SizedBox.fromSize(
size: Size(400, 700),
child: _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
),
],
customLanes: [
for (var i = 0; i < 25; i++)
CustomLane(
title: i.toString(),
children: [
for (var i = 0; i < 25; i++)
CustomScreen(
label: 'Screen$i',
size: Size(400, 700),
child: _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
),
],
)
],
);
}
}
Widget _generateScreen({
Text title,
FloatingActionButton fab,
Color color,
}) {
return Builder(
builder: (context) {
final Map<String, dynamic> args =
ModalRoute.of(context).settings.arguments;
return Scaffold(
appBar: AppBar(title: title),
backgroundColor: color,
body: args == null ? null : Center(child: Text(args.toString())),
floatingActionButton: fab,
);
},
);
}
@@ -0,0 +1,206 @@
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_storyboard/flutter_storyboard.dart';
import 'package:random_color/random_color.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return StoryBoard.material(
enabled: true,
crossAxisCount: 7,
screenSize: Size(400, 700),
customScreens: [
for (var i = 0; i < 25; i++)
_generateScreen(
title: Text('Screen$i'),
color: RandomColor(i + 25).randomColor(),
),
],
laneBuilder: (context, title, child) {
return Container(
padding: const EdgeInsets.all(8.0),
margin: const EdgeInsets.all(4.0),
color: RandomColor(title.hashCode).randomColor(),
child: Stack(
overflow: Overflow.visible,
children: [
child,
Positioned(
left: -50,
top: 350,
child: RotatedBox(
quarterTurns: 3,
child: Text(
title,
style: TextStyle(
color: Colors.black,
fontSize: 30,
),
),
),
),
],
),
);
},
customRoutes: [
RouteSettings(name: '/about'),
RouteSettings(name: '/counter'),
RouteSettings(name: '/screen_2'),
RouteSettings(name: '/screen_5'),
RouteSettings(
name: '/screen_8',
arguments: <String, dynamic>{"id": 1234},
),
],
child: MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Storyboard Example',
theme: ThemeData.light().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
),
darkTheme: ThemeData.dark().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
),
themeMode: ThemeMode.light,
// home: HomeScreen(),
initialRoute: '/settings',
routes: {
'/': (_) => HomeScreen(),
'/counter': (_) => CounterScreen(),
'/settings': (_) => SettingsScreen(),
for (var i = 0; i < 25; i++)
'/screen_$i': (_) => _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
},
onGenerateRoute: (settings) {
return MaterialPageRoute(
settings: settings,
builder: (context) {
if (settings.name == '/about') return AboutScreen();
return UnknownScreen();
},
);
},
),
);
}
}
Widget _generateScreen({
Text title,
FloatingActionButton fab,
Color color,
}) {
return Builder(
builder: (context) {
final Map<String, dynamic> args =
ModalRoute.of(context).settings.arguments;
return Scaffold(
appBar: AppBar(title: title),
backgroundColor: color,
body: args == null ? null : Center(child: Text(args.toString())),
floatingActionButton: fab,
);
},
);
}
class HomeScreen extends StatelessWidget {
const HomeScreen({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
final _size = MediaQuery.of(context).size;
return Scaffold(
appBar: AppBar(
title: Text('Home Screen'),
),
body: Center(
child: Text(_size.toString()),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.info),
onPressed: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => SettingsScreen(),
));
},
),
);
}
}
class CounterScreen extends StatefulWidget {
const CounterScreen({Key key}) : super(key: key);
@override
_CounterScreenState createState() => _CounterScreenState();
}
class _CounterScreenState extends State<CounterScreen> {
int _counter = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Counter Example'),
),
body: Center(
child: Text('Counter: $_counter'),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
if (mounted)
setState(() {
_counter++;
});
},
),
);
}
}
class SettingsScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Settings'),
),
backgroundColor: Colors.blue.shade300,
);
}
}
class AboutScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('About'),
),
backgroundColor: Colors.purple.shade300,
);
}
}
class UnknownScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('404'),
),
backgroundColor: Colors.red.shade300,
);
}
}
@@ -0,0 +1,55 @@
import 'package:flutter/material.dart';
import 'package:flutter_storyboard/flutter_storyboard.dart';
import 'package:random_color/random_color.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return StoryBoard(
showAppBar: true,
children: [
for (var i = 4; i < 20; i++)
SizedBox.fromSize(
size: Size(i * 50.0, i * 100.0),
child: _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
),
],
sizedChildren: [
for (var i = 4; i < 20; i++)
CustomScreen(
size: Size(i * 50.0, i * 100.0),
child: _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
),
],
);
}
}
Widget _generateScreen({
Text title,
FloatingActionButton fab,
Color color,
}) {
return Builder(
builder: (context) {
final Map<String, dynamic> args =
ModalRoute.of(context).settings.arguments;
return Scaffold(
appBar: AppBar(title: title),
backgroundColor: color,
body: args == null ? null : Center(child: Text(args.toString())),
floatingActionButton: fab,
);
},
);
}
@@ -0,0 +1,179 @@
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_storyboard/flutter_storyboard.dart';
import 'package:random_color/random_color.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return StoryBoard.material(
enabled: true,
crossAxisCount: 7,
screenSize: Size(400, 700),
customScreens: [
for (var i = 0; i < 25; i++)
_generateScreen(
title: Text('Screen$i'),
color: RandomColor(i + 25).randomColor(),
),
],
customRoutes: [
RouteSettings(name: '/about'),
RouteSettings(name: '/counter'),
RouteSettings(name: '/screen_2'),
RouteSettings(name: '/screen_5'),
RouteSettings(
name: '/screen_8',
arguments: <String, dynamic>{"id": 1234},
),
],
child: MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Storyboard Example',
theme: ThemeData.light().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
),
darkTheme: ThemeData.dark().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
),
themeMode: ThemeMode.light,
// home: HomeScreen(),
initialRoute: '/settings',
routes: {
'/': (_) => HomeScreen(),
'/counter': (_) => CounterScreen(),
'/settings': (_) => SettingsScreen(),
for (var i = 0; i < 25; i++)
'/screen_$i': (_) => _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
},
onGenerateRoute: (settings) {
return MaterialPageRoute(
settings: settings,
builder: (context) {
if (settings.name == '/about') return AboutScreen();
return UnknownScreen();
},
);
},
),
);
}
}
Widget _generateScreen({
Text title,
FloatingActionButton fab,
Color color,
}) {
return Builder(
builder: (context) {
final Map<String, dynamic> args =
ModalRoute.of(context).settings.arguments;
return Scaffold(
appBar: AppBar(title: title),
backgroundColor: color,
body: args == null ? null : Center(child: Text(args.toString())),
floatingActionButton: fab,
);
},
);
}
class HomeScreen extends StatelessWidget {
const HomeScreen({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
final _size = MediaQuery.of(context).size;
return Scaffold(
appBar: AppBar(
title: Text('Home Screen'),
),
body: Center(
child: Text(_size.toString()),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.info),
onPressed: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => SettingsScreen(),
));
},
),
);
}
}
class CounterScreen extends StatefulWidget {
const CounterScreen({Key key}) : super(key: key);
@override
_CounterScreenState createState() => _CounterScreenState();
}
class _CounterScreenState extends State<CounterScreen> {
int _counter = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Counter Example'),
),
body: Center(
child: Text('Counter: $_counter'),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
if (mounted)
setState(() {
_counter++;
});
},
),
);
}
}
class SettingsScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Settings'),
),
backgroundColor: Colors.blue.shade300,
);
}
}
class AboutScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('About'),
),
backgroundColor: Colors.purple.shade300,
);
}
}
class UnknownScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('404'),
),
backgroundColor: Colors.red.shade300,
);
}
}
@@ -0,0 +1,103 @@
import 'package:flutter/material.dart';
import 'package:flutter_storyboard/flutter_storyboard.dart';
import 'package:random_color/random_color.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Storyboard Example',
theme: ThemeData.light().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
primaryColor: Colors.red,
),
darkTheme: ThemeData.dark().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
),
themeMode: ThemeMode.dark,
home: StoryboardInApp(),
);
}
}
Widget _generateScreen({
Text title,
FloatingActionButton fab,
Color color,
}) {
return Builder(
builder: (context) {
final _size = MediaQuery.of(context).size;
return Scaffold(
appBar: AppBar(title: title),
backgroundColor: color,
body: Center(child: Text('$_size')),
floatingActionButton: fab,
);
},
);
}
class StoryboardInApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Example'),
),
body: ListView(
children: [
Padding(
padding: const EdgeInsets.all(20.0),
child: Container(
width: 400,
height: 600,
child: StoryBoard(
crossAxisCount: 7,
childSize: Size(400, 700), // <-- Needed for Child Observer
showAppBar: true,
children: [
for (var i = 0; i < 25; i++)
SizedBox.fromSize(
size: Size(400, 700),
child: _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
),
],
),
),
),
Padding(
padding: const EdgeInsets.all(20.0),
child: Container(
width: 400,
height: 600,
child: StoryBoard(
crossAxisCount: 7,
childSize: Size(400, 700), // <-- Needed for Child Observer
showAppBar: true,
children: [
for (var i = 0; i < 25; i++)
SizedBox.fromSize(
size: Size(400, 700),
child: _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
),
],
),
),
),
],
),
);
}
}
@@ -0,0 +1,76 @@
import 'package:flutter/material.dart';
import 'package:flutter_storyboard/flutter_storyboard.dart';
import 'package:random_color/random_color.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Storyboard Example',
theme: ThemeData.light().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
primaryColor: Colors.red,
),
darkTheme: ThemeData.dark().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
),
themeMode: ThemeMode.dark,
home: StoryboardInApp(),
);
}
}
Widget _generateScreen({
Text title,
FloatingActionButton fab,
Color color,
}) {
return Builder(
builder: (context) {
final Map<String, dynamic> args =
ModalRoute.of(context).settings.arguments;
return Scaffold(
appBar: AppBar(title: title),
backgroundColor: color,
body: args == null ? null : Center(child: Text(args.toString())),
floatingActionButton: fab,
);
},
);
}
class StoryboardInApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Example'),
),
body: Center(
child: FractionallySizedBox(
widthFactor: 0.7,
heightFactor: 0.7,
child: StoryBoard(
crossAxisCount: 7,
showAppBar: true,
children: [
for (var i = 0; i < 25; i++)
SizedBox.fromSize(
size: Size(400, 700),
child: _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
),
],
),
),
),
);
}
}
@@ -0,0 +1,46 @@
import 'package:flutter/material.dart';
import 'package:flutter_storyboard/flutter_storyboard.dart';
import 'package:random_color/random_color.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return StoryBoard(
crossAxisCount: 7,
showAppBar: true,
children: [
for (var i = 0; i < 25; i++)
SizedBox.fromSize(
size: Size(400, 700),
child: _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
),
],
);
}
}
Widget _generateScreen({
Text title,
FloatingActionButton fab,
Color color,
}) {
return Builder(
builder: (context) {
final Map<String, dynamic> args =
ModalRoute.of(context).settings.arguments;
return Scaffold(
appBar: AppBar(title: title),
backgroundColor: color,
body: args == null ? null : Center(child: Text(args.toString())),
floatingActionButton: fab,
);
},
);
}
+180
View File
@@ -0,0 +1,180 @@
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_storyboard/flutter_storyboard.dart';
import 'package:random_color/random_color.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return StoryBoard.material(
enabled: true,
crossAxisCount: 7,
cupertinoDevice: Devices.ios.iPhone11,
screenSize: Size(400, 700),
customScreens: [
for (var i = 0; i < 25; i++)
_generateScreen(
title: Text('Screen$i'),
color: RandomColor(i + 25).randomColor(),
),
],
customRoutes: const [
RouteSettings(name: '/about'),
RouteSettings(name: '/counter'),
RouteSettings(name: '/screen_2'),
RouteSettings(name: '/screen_5'),
RouteSettings(
name: '/screen_8',
arguments: <String, dynamic>{'id': 1234},
),
],
child: MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Storyboard Example',
theme: ThemeData.light().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
),
darkTheme: ThemeData.dark().copyWith(
visualDensity: VisualDensity.adaptivePlatformDensity,
),
themeMode: ThemeMode.light,
// home: HomeScreen(),
initialRoute: '/settings',
routes: {
'/': (_) => HomeScreen(),
'/counter': (_) => CounterScreen(),
'/settings': (_) => SettingsScreen(),
for (var i = 0; i < 25; i++)
'/screen_$i': (_) => _generateScreen(
title: Text('Screen$i'),
color: RandomColor(i).randomColor(),
),
},
onGenerateRoute: (settings) {
return MaterialPageRoute(
settings: settings,
builder: (context) {
if (settings.name == '/about') return AboutScreen();
return UnknownScreen();
},
);
},
),
);
}
}
Widget _generateScreen({
Text title,
FloatingActionButton fab,
Color color,
}) {
return Builder(
builder: (context) {
final Map<String, dynamic> args =
ModalRoute.of(context).settings.arguments;
return Scaffold(
appBar: AppBar(title: title),
backgroundColor: color,
body: args == null ? null : Center(child: Text(args.toString())),
floatingActionButton: fab,
);
},
);
}
class HomeScreen extends StatelessWidget {
const HomeScreen({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
final _size = MediaQuery.of(context).size;
return Scaffold(
appBar: AppBar(
title: Text('Home Screen'),
),
body: Center(
child: Text(_size.toString()),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.info),
onPressed: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => SettingsScreen(),
));
},
),
);
}
}
class CounterScreen extends StatefulWidget {
const CounterScreen({Key key}) : super(key: key);
@override
_CounterScreenState createState() => _CounterScreenState();
}
class _CounterScreenState extends State<CounterScreen> {
int _counter = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Counter Example'),
),
body: Center(
child: Text('Counter: $_counter'),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
if (mounted)
setState(() {
_counter++;
});
},
),
);
}
}
class SettingsScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Settings'),
),
backgroundColor: Colors.blue.shade300,
);
}
}
class AboutScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('About'),
),
backgroundColor: Colors.purple.shade300,
);
}
}
class UnknownScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('404'),
),
backgroundColor: Colors.red.shade300,
);
}
}