mirror of
https://github.com/flutter/samples.git
synced 2026-05-22 15:09:07 +00:00
Next Gen UI demo (#1778)
First pass at a Next Generation UI demo app. The UI needs work, feedback gratefully accepted. ## Pre-launch Checklist - [x] I read the [Flutter Style Guide] _recently_, and have followed its advice. - [x] I signed the [CLA]. - [x] I read the [Contributors Guide]. - [x] I updated/added relevant documentation (doc comments with `///`). - [x] All existing and new tests are passing. If you need help, consider asking for advice on the #hackers-devrel channel on [Discord]. <!-- Links --> [Flutter Style Guide]: https://github.com/flutter/flutter/wiki/Style-guide-for-Flutter-repo [CLA]: https://cla.developers.google.com/ [Discord]: https://github.com/flutter/flutter/wiki/Chat [Contributors Guide]: https://github.com/flutter/samples/blob/main/CONTRIBUTING.md
This commit is contained in:
Brett Morgan
GitHub
145
next_gen_ui_demo/lib/main.dart
Normal file
145
next_gen_ui_demo/lib/main.dart
Normal file
@@ -0,0 +1,145 @@
|
||||
// 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');
|
||||
});
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
backgroundColor: Colors.black,
|
||||
body: steps[step](
|
||||
callback: (color) {
|
||||
setState(() {
|
||||
colorSchemeSeed = color;
|
||||
});
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user