You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
samples/next_gen_ui_demo/lib/main.dart

164 lines
5.2 KiB

// Copyright 2023 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
import 'package:gap/gap.dart';
import 'package:provider/provider.dart';
import 'package:window_size/window_size.dart';
import 'assets.dart';
import 'title_screen/title_screen.dart';
import 'title_screen_1a/title_screen.dart' as title_screen_1a;
import 'title_screen_1b/title_screen.dart' as title_screen_1b;
import 'title_screen_2a/title_screen.dart' as title_screen_2a;
import 'title_screen_2c/title_screen.dart' as title_screen_2c;
import 'title_screen_3a/title_screen.dart' as title_screen_3a;
import 'title_screen_3b/title_screen.dart' as title_screen_3b;
import 'title_screen_3c/title_screen.dart' as title_screen_3c;
import 'title_screen_4a/title_screen.dart' as title_screen_4a;
import 'title_screen_4b/title_screen.dart' as title_screen_4b;
import 'title_screen_4c/title_screen.dart' as title_screen_4c;
import 'title_screen_4d/title_screen.dart' as title_screen_4d;
import 'title_screen_4e/title_screen.dart' as title_screen_4e;
import 'title_screen_5a/title_screen.dart' as title_screen_5a;
import 'title_screen_5b/title_screen.dart' as title_screen_5b;
import 'title_screen_6/title_screen.dart' as title_screen_6;
void main() {
if (!kIsWeb && (Platform.isWindows || Platform.isLinux || Platform.isMacOS)) {
WidgetsFlutterBinding.ensureInitialized();
setWindowMinSize(const Size(800, 500));
}
Animate.restartOnHotReload = true;
runApp(
FutureProvider<Shaders?>(
create: (context) => loadShaders(),
initialData: null,
child: const NextGenApp(),
),
);
}
class NextGenApp extends StatefulWidget {
const NextGenApp({super.key});
@override
State<NextGenApp> createState() => _NextGenAppState();
}
List<
TitleScreenBase Function(
{required void Function(Color) callback, Key? key})> steps = [
title_screen_1a.TitleScreen.new,
title_screen_1b.TitleScreen.new,
title_screen_2a.TitleScreen.new,
title_screen_2c.TitleScreen.new,
title_screen_3a.TitleScreen.new,
title_screen_3b.TitleScreen.new,
title_screen_3c.TitleScreen.new,
title_screen_4a.TitleScreen.new,
title_screen_4b.TitleScreen.new,
title_screen_4c.TitleScreen.new,
title_screen_4d.TitleScreen.new,
title_screen_4e.TitleScreen.new,
title_screen_5a.TitleScreen.new,
title_screen_5b.TitleScreen.new,
title_screen_6.TitleScreen.new,
];
typedef ColorCallback = void Function(Color colorSchemeSeed);
class _NextGenAppState extends State<NextGenApp> {
int step = 0;
Color? colorSchemeSeed;
@override
Widget build(BuildContext context) {
return MaterialApp(
themeMode: ThemeMode.dark,
darkTheme: ThemeData(
brightness: Brightness.dark,
useMaterial3: true,
colorSchemeSeed: colorSchemeSeed,
),
home: Scaffold(
appBar: AppBar(
title: Text(
'Step ${step + 1} of ${steps.length}',
style: Theme.of(context)
.textTheme
.titleMedium!
.copyWith(color: colorSchemeSeed),
),
backgroundColor: Colors.black38,
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
floatingActionButton: Row(
mainAxisSize: MainAxisSize.min,
children: [
Visibility(
visible: step > 0,
child: FloatingActionButton(
child: const Icon(Icons.arrow_back),
onPressed: () {
setState(() {
if (step > 0) step--;
debugPrint('Step = $step');
});
},
),
),
Visibility(
visible: step > 0 && step + 1 < steps.length,
child: const Gap(24),
),
Visibility(
visible: step + 1 < steps.length,
child: FloatingActionButton(
child: const Icon(Icons.arrow_forward),
onPressed: () {
setState(() {
if (step + 1 < steps.length) step++;
debugPrint('Step = $step');
});
},
),
),
Visibility(
visible: step + 1 == steps.length,
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
const Gap(24),
FloatingActionButton(
child: const Icon(Icons.restart_alt),
onPressed: () {
setState(() {
step = 0;
debugPrint('Step = $step');
});
},
),
],
),
),
],
),
backgroundColor: Colors.black,
body: steps[step](
callback: (color) {
setState(() {
colorSchemeSeed = color;
});
},
),
),
);
}
}