adding packages
This commit is contained in:
@@ -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,
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user