
<!-- Thanks for filing a pull request! Reviewers are typically assigned within a week of filing a request. To learn more about code review, see our documentation on Tree Hygiene: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md --> This PR removes redundant useMaterial3: true as described in https://github.com/flutter/flutter/issues/162818 *List which issues are fixed by this PR. You must list at least one issue. An issue is not required if the PR fixes something trivial like a typo.* - https://github.com/flutter/flutter/issues/162818 ## Pre-launch Checklist - [x] I read the [Contributor Guide] and followed the process outlined there for submitting PRs. - [x] I read the [Tree Hygiene] wiki page, which explains my responsibilities. - [x] I read and followed the [Flutter Style Guide], including [Features we expect every widget to implement]. - [x] I signed the [CLA]. - [x] I listed at least one issue that this PR fixes in the description above. - [x] I updated/added relevant documentation (doc comments with `///`). - [x] I added new tests to check the change I am making, or this PR is [test-exempt]. - [x] I followed the [breaking change policy] and added [Data Driven Fixes] where supported. - [ ] All existing and new tests are passing. If you need help, consider asking for advice on the #hackers-new channel on [Discord]. <!-- Links --> [Contributor Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#overview [Tree Hygiene]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md [test-exempt]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#tests [Flutter Style Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md [Features we expect every widget to implement]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md#features-we-expect-every-widget-to-implement [CLA]: https://cla.developers.google.com/ [flutter/tests]: https://github.com/flutter/tests [breaking change policy]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#handling-breaking-changes [Discord]: https://github.com/flutter/flutter/blob/main/docs/contributing/Chat.md [Data Driven Fixes]: https://github.com/flutter/flutter/blob/main/docs/contributing/Data-driven-Fixes.md --------- Co-authored-by: Qun Cheng <36861262+QuncCccccc@users.noreply.github.com>
122 lines
4.0 KiB
Dart
122 lines
4.0 KiB
Dart
// Copyright 2014 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 'package:flutter/material.dart';
|
|
|
|
import 'backdrop.dart';
|
|
import 'category_menu_page.dart';
|
|
import 'colors.dart';
|
|
import 'expanding_bottom_sheet.dart';
|
|
import 'home.dart';
|
|
import 'login.dart';
|
|
import 'supplemental/cut_corners_border.dart';
|
|
|
|
class ShrineApp extends StatefulWidget {
|
|
const ShrineApp({super.key});
|
|
|
|
@override
|
|
State<ShrineApp> createState() => _ShrineAppState();
|
|
}
|
|
|
|
class _ShrineAppState extends State<ShrineApp> with SingleTickerProviderStateMixin {
|
|
// Controller to coordinate both the opening/closing of backdrop and sliding
|
|
// of expanding bottom sheet
|
|
late AnimationController _controller;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = AnimationController(
|
|
vsync: this,
|
|
duration: const Duration(milliseconds: 450),
|
|
value: 1.0,
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaterialApp(
|
|
// The automatically applied scrollbars on desktop can cause a crash for
|
|
// demos where many scrollables are all attached to the same
|
|
// PrimaryScrollController. The gallery needs to be migrated before
|
|
// enabling this. https://github.com/flutter/gallery/issues/523
|
|
scrollBehavior: const MaterialScrollBehavior().copyWith(scrollbars: false),
|
|
title: 'Shrine',
|
|
home: HomePage(
|
|
backdrop: Backdrop(
|
|
frontLayer: const ProductPage(),
|
|
backLayer: CategoryMenuPage(onCategoryTap: () => _controller.forward()),
|
|
frontTitle: const Text('SHRINE'),
|
|
backTitle: const Text('MENU'),
|
|
controller: _controller,
|
|
),
|
|
expandingBottomSheet: ExpandingBottomSheet(hideController: _controller),
|
|
),
|
|
initialRoute: '/login',
|
|
onGenerateRoute: _getRoute,
|
|
// Copy the platform from the main theme in order to support platform
|
|
// toggling from the Gallery options menu.
|
|
theme: _kShrineTheme.copyWith(platform: Theme.of(context).platform),
|
|
);
|
|
}
|
|
}
|
|
|
|
Route<dynamic>? _getRoute(RouteSettings settings) {
|
|
if (settings.name != '/login') {
|
|
return null;
|
|
}
|
|
|
|
return MaterialPageRoute<void>(
|
|
settings: settings,
|
|
builder: (BuildContext context) => const LoginPage(),
|
|
fullscreenDialog: true,
|
|
);
|
|
}
|
|
|
|
final ThemeData _kShrineTheme = _buildShrineTheme();
|
|
|
|
IconThemeData _customIconTheme(IconThemeData original) {
|
|
return original.copyWith(color: kShrineBrown900);
|
|
}
|
|
|
|
ThemeData _buildShrineTheme() {
|
|
final ThemeData base = ThemeData();
|
|
return base.copyWith(
|
|
colorScheme: kShrineColorScheme,
|
|
primaryColor: kShrinePink100,
|
|
scaffoldBackgroundColor: kShrineBackgroundWhite,
|
|
cardColor: kShrineBackgroundWhite,
|
|
primaryIconTheme: _customIconTheme(base.iconTheme),
|
|
inputDecorationTheme: const InputDecorationTheme(border: CutCornersBorder()),
|
|
textTheme: _buildShrineTextTheme(base.textTheme),
|
|
primaryTextTheme: _buildShrineTextTheme(base.primaryTextTheme),
|
|
iconTheme: _customIconTheme(base.iconTheme),
|
|
appBarTheme: const AppBarTheme(backgroundColor: kShrinePink100),
|
|
);
|
|
}
|
|
|
|
TextTheme _buildShrineTextTheme(TextTheme base) {
|
|
return base
|
|
.copyWith(
|
|
headlineSmall: base.headlineSmall!.copyWith(fontWeight: FontWeight.w500),
|
|
titleLarge: base.titleLarge!.copyWith(fontSize: 18.0),
|
|
bodySmall: base.bodySmall!.copyWith(fontWeight: FontWeight.w400, fontSize: 14.0),
|
|
bodyLarge: base.bodyLarge!.copyWith(fontWeight: FontWeight.w500, fontSize: 16.0),
|
|
labelLarge: base.labelLarge!.copyWith(fontWeight: FontWeight.w500, fontSize: 14.0),
|
|
)
|
|
.apply(fontFamily: 'Raleway', displayColor: kShrineBrown900, bodyColor: kShrineBrown900);
|
|
}
|
|
|
|
const ColorScheme kShrineColorScheme = ColorScheme(
|
|
primary: kShrinePink100,
|
|
secondary: kShrinePink50,
|
|
surface: kShrineSurfaceWhite,
|
|
error: kShrineErrorRed,
|
|
onPrimary: kShrineBrown900,
|
|
onSecondary: kShrineBrown900,
|
|
onSurface: kShrineBrown900,
|
|
onError: kShrineSurfaceWhite,
|
|
brightness: Brightness.light,
|
|
);
|