Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
11b10b7587 | ||
|
|
e0a8559cd1 | ||
|
|
81dc803542 | ||
|
|
330d0e4c61 | ||
|
|
6a05861341 | ||
|
|
4006030f5b | ||
| 21ab0d0c5f | |||
| 9314d5f4e0 |
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"file_generated_by": "FlutterFire CLI",
|
"file_generated_by": "FlutterFire CLI",
|
||||||
"purpose": "FirebaseAppID & ProjectID for this Firebase app in this directory",
|
"purpose": "FirebaseAppID & ProjectID for this Firebase app in this directory",
|
||||||
"GOOGLE_APP_ID": "1:164857321043:ios:b497e5d24254d60e1ad8a6",
|
"GOOGLE_APP_ID": "1:23966937248:ios:d7915a6ac5618efeb599c5",
|
||||||
"FIREBASE_PROJECT_ID": "progetto-m335",
|
"FIREBASE_PROJECT_ID": "m-335-3d14b",
|
||||||
"GCM_SENDER_ID": "164857321043"
|
"GCM_SENDER_ID": "23966937248"
|
||||||
}
|
}
|
||||||
339
lib/color_palettes_screen.dart
Normal file
339
lib/color_palettes_screen.dart
Normal file
@@ -0,0 +1,339 @@
|
|||||||
|
// Copyright 2021 The Flutter team. 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/gestures.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:url_launcher/url_launcher.dart';
|
||||||
|
|
||||||
|
const Widget divider = SizedBox(height: 10);
|
||||||
|
|
||||||
|
// If screen content width is greater or equal to this value, the light and dark
|
||||||
|
// color schemes will be displayed in a column. Otherwise, they will
|
||||||
|
// be displayed in a row.
|
||||||
|
const double narrowScreenWidthThreshold = 400;
|
||||||
|
|
||||||
|
class ColorPalettesScreen extends StatelessWidget {
|
||||||
|
const ColorPalettesScreen({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
Color selectedColor = Theme.of(context).primaryColor;
|
||||||
|
ThemeData lightTheme = ThemeData(
|
||||||
|
colorSchemeSeed: selectedColor,
|
||||||
|
brightness: Brightness.light,
|
||||||
|
);
|
||||||
|
ThemeData darkTheme = ThemeData(
|
||||||
|
colorSchemeSeed: selectedColor,
|
||||||
|
brightness: Brightness.dark,
|
||||||
|
);
|
||||||
|
|
||||||
|
Widget schemeLabel(String brightness) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 15),
|
||||||
|
child: Text(
|
||||||
|
brightness,
|
||||||
|
style: const TextStyle(fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget schemeView(ThemeData theme) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 15),
|
||||||
|
child: ColorSchemeView(
|
||||||
|
colorScheme: theme.colorScheme,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget dynamicColorNotice() => RichText(
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
text: TextSpan(
|
||||||
|
style: Theme.of(context).textTheme.bodySmall,
|
||||||
|
children: [
|
||||||
|
const TextSpan(
|
||||||
|
text: 'To create color schemes based on a '
|
||||||
|
'platform\'s implementation of dynamic color, '
|
||||||
|
'use the '),
|
||||||
|
TextSpan(
|
||||||
|
text: 'dynamic_color',
|
||||||
|
style: const TextStyle(decoration: TextDecoration.underline),
|
||||||
|
recognizer: TapGestureRecognizer()
|
||||||
|
..onTap = () async {
|
||||||
|
final url = Uri.parse(
|
||||||
|
'https://pub.dev/packages/dynamic_color',
|
||||||
|
);
|
||||||
|
if (!await launchUrl(url)) {
|
||||||
|
throw Exception('Could not launch $url');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
const TextSpan(text: ' package.'),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
return Expanded(
|
||||||
|
child: LayoutBuilder(builder: (context, constraints) {
|
||||||
|
if (constraints.maxWidth < narrowScreenWidthThreshold) {
|
||||||
|
return SingleChildScrollView(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
dynamicColorNotice(),
|
||||||
|
divider,
|
||||||
|
schemeLabel('Light ColorScheme'),
|
||||||
|
schemeView(lightTheme),
|
||||||
|
divider,
|
||||||
|
divider,
|
||||||
|
schemeLabel('Dark ColorScheme'),
|
||||||
|
schemeView(darkTheme),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return SingleChildScrollView(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 5),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
dynamicColorNotice(),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
schemeLabel('Light ColorScheme'),
|
||||||
|
schemeView(lightTheme),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
schemeLabel('Dark ColorScheme'),
|
||||||
|
schemeView(darkTheme),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ColorSchemeView extends StatelessWidget {
|
||||||
|
const ColorSchemeView({super.key, required this.colorScheme});
|
||||||
|
|
||||||
|
final ColorScheme colorScheme;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
ColorGroup(children: [
|
||||||
|
ColorChip(
|
||||||
|
label: 'primary',
|
||||||
|
color: colorScheme.primary,
|
||||||
|
onColor: colorScheme.onPrimary,
|
||||||
|
),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onPrimary',
|
||||||
|
color: colorScheme.onPrimary,
|
||||||
|
onColor: colorScheme.primary),
|
||||||
|
ColorChip(
|
||||||
|
label: 'primaryContainer',
|
||||||
|
color: colorScheme.primaryContainer,
|
||||||
|
onColor: colorScheme.onPrimaryContainer,
|
||||||
|
),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onPrimaryContainer',
|
||||||
|
color: colorScheme.onPrimaryContainer,
|
||||||
|
onColor: colorScheme.primaryContainer,
|
||||||
|
),
|
||||||
|
]),
|
||||||
|
divider,
|
||||||
|
ColorGroup(children: [
|
||||||
|
ColorChip(
|
||||||
|
label: 'secondary',
|
||||||
|
color: colorScheme.secondary,
|
||||||
|
onColor: colorScheme.onSecondary,
|
||||||
|
),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onSecondary',
|
||||||
|
color: colorScheme.onSecondary,
|
||||||
|
onColor: colorScheme.secondary,
|
||||||
|
),
|
||||||
|
ColorChip(
|
||||||
|
label: 'secondaryContainer',
|
||||||
|
color: colorScheme.secondaryContainer,
|
||||||
|
onColor: colorScheme.onSecondaryContainer,
|
||||||
|
),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onSecondaryContainer',
|
||||||
|
color: colorScheme.onSecondaryContainer,
|
||||||
|
onColor: colorScheme.secondaryContainer),
|
||||||
|
]),
|
||||||
|
divider,
|
||||||
|
ColorGroup(
|
||||||
|
children: [
|
||||||
|
ColorChip(
|
||||||
|
label: 'tertiary',
|
||||||
|
color: colorScheme.tertiary,
|
||||||
|
onColor: colorScheme.onTertiary),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onTertiary',
|
||||||
|
color: colorScheme.onTertiary,
|
||||||
|
onColor: colorScheme.tertiary),
|
||||||
|
ColorChip(
|
||||||
|
label: 'tertiaryContainer',
|
||||||
|
color: colorScheme.tertiaryContainer,
|
||||||
|
onColor: colorScheme.onTertiaryContainer),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onTertiaryContainer',
|
||||||
|
color: colorScheme.onTertiaryContainer,
|
||||||
|
onColor: colorScheme.tertiaryContainer),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
divider,
|
||||||
|
ColorGroup(
|
||||||
|
children: [
|
||||||
|
ColorChip(
|
||||||
|
label: 'error',
|
||||||
|
color: colorScheme.error,
|
||||||
|
onColor: colorScheme.onError),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onError',
|
||||||
|
color: colorScheme.onError,
|
||||||
|
onColor: colorScheme.error),
|
||||||
|
ColorChip(
|
||||||
|
label: 'errorContainer',
|
||||||
|
color: colorScheme.errorContainer,
|
||||||
|
onColor: colorScheme.onErrorContainer),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onErrorContainer',
|
||||||
|
color: colorScheme.onErrorContainer,
|
||||||
|
onColor: colorScheme.errorContainer),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
divider,
|
||||||
|
ColorGroup(
|
||||||
|
children: [
|
||||||
|
ColorChip(
|
||||||
|
label: 'background',
|
||||||
|
color: colorScheme.background,
|
||||||
|
onColor: colorScheme.onBackground),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onBackground',
|
||||||
|
color: colorScheme.onBackground,
|
||||||
|
onColor: colorScheme.background),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
divider,
|
||||||
|
ColorGroup(
|
||||||
|
children: [
|
||||||
|
ColorChip(
|
||||||
|
label: 'surface',
|
||||||
|
color: colorScheme.surface,
|
||||||
|
onColor: colorScheme.onSurface),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onSurface',
|
||||||
|
color: colorScheme.onSurface,
|
||||||
|
onColor: colorScheme.surface),
|
||||||
|
ColorChip(
|
||||||
|
label: 'surfaceVariant',
|
||||||
|
color: colorScheme.surfaceVariant,
|
||||||
|
onColor: colorScheme.onSurfaceVariant),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onSurfaceVariant',
|
||||||
|
color: colorScheme.onSurfaceVariant,
|
||||||
|
onColor: colorScheme.surfaceVariant),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
divider,
|
||||||
|
ColorGroup(
|
||||||
|
children: [
|
||||||
|
ColorChip(label: 'outline', color: colorScheme.outline),
|
||||||
|
ColorChip(label: 'shadow', color: colorScheme.shadow),
|
||||||
|
ColorChip(
|
||||||
|
label: 'inverseSurface',
|
||||||
|
color: colorScheme.inverseSurface,
|
||||||
|
onColor: colorScheme.onInverseSurface),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onInverseSurface',
|
||||||
|
color: colorScheme.onInverseSurface,
|
||||||
|
onColor: colorScheme.inverseSurface),
|
||||||
|
ColorChip(
|
||||||
|
label: 'inversePrimary',
|
||||||
|
color: colorScheme.inversePrimary,
|
||||||
|
onColor: colorScheme.primary),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ColorGroup extends StatelessWidget {
|
||||||
|
const ColorGroup({super.key, required this.children});
|
||||||
|
|
||||||
|
final List<Widget> children;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return RepaintBoundary(
|
||||||
|
child: Card(
|
||||||
|
clipBehavior: Clip.antiAlias,
|
||||||
|
child: Column(
|
||||||
|
children: children,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ColorChip extends StatelessWidget {
|
||||||
|
const ColorChip({
|
||||||
|
super.key,
|
||||||
|
required this.color,
|
||||||
|
required this.label,
|
||||||
|
this.onColor,
|
||||||
|
});
|
||||||
|
|
||||||
|
final Color color;
|
||||||
|
final Color? onColor;
|
||||||
|
final String label;
|
||||||
|
|
||||||
|
static Color contrastColor(Color color) {
|
||||||
|
final brightness = ThemeData.estimateBrightnessForColor(color);
|
||||||
|
switch (brightness) {
|
||||||
|
case Brightness.dark:
|
||||||
|
return Colors.white;
|
||||||
|
case Brightness.light:
|
||||||
|
return Colors.black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final Color labelColor = onColor ?? contrastColor(color);
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
color: color,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(16),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(child: Text(label, style: TextStyle(color: labelColor))),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
2554
lib/component_screen.dart
Normal file
2554
lib/component_screen.dart
Normal file
File diff suppressed because it is too large
Load Diff
67
lib/constants.dart
Normal file
67
lib/constants.dart
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
// Copyright 2021 The Flutter team. 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';
|
||||||
|
|
||||||
|
// NavigationRail shows if the screen width is greater or equal to
|
||||||
|
// narrowScreenWidthThreshold; otherwise, NavigationBar is used for navigation.
|
||||||
|
const double narrowScreenWidthThreshold = 450;
|
||||||
|
|
||||||
|
const double mediumWidthBreakpoint = 1000;
|
||||||
|
const double largeWidthBreakpoint = 1500;
|
||||||
|
|
||||||
|
const double transitionLength = 500;
|
||||||
|
|
||||||
|
// Whether the user has chosen a theme color via a direct [ColorSeed] selection,
|
||||||
|
// or an image [ColorImageProvider].
|
||||||
|
enum ColorSelectionMethod {
|
||||||
|
colorSeed,
|
||||||
|
image,
|
||||||
|
}
|
||||||
|
|
||||||
|
enum ColorSeed {
|
||||||
|
baseColor('M3 Baseline', Color(0xff6750a4)),
|
||||||
|
indigo('Indigo', Colors.indigo),
|
||||||
|
blue('Blue', Colors.blue),
|
||||||
|
teal('Teal', Colors.teal),
|
||||||
|
green('Green', Colors.green),
|
||||||
|
yellow('Yellow', Colors.yellow),
|
||||||
|
orange('Orange', Colors.orange),
|
||||||
|
deepOrange('Deep Orange', Colors.deepOrange),
|
||||||
|
pink('Pink', Colors.pink);
|
||||||
|
|
||||||
|
const ColorSeed(this.label, this.color);
|
||||||
|
final String label;
|
||||||
|
final Color color;
|
||||||
|
}
|
||||||
|
|
||||||
|
enum ColorImageProvider {
|
||||||
|
leaves('Leaves',
|
||||||
|
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_1.png'),
|
||||||
|
peonies('Peonies',
|
||||||
|
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_2.png'),
|
||||||
|
bubbles('Bubbles',
|
||||||
|
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_3.png'),
|
||||||
|
seaweed('Seaweed',
|
||||||
|
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_4.png'),
|
||||||
|
seagrapes('Sea Grapes',
|
||||||
|
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_5.png'),
|
||||||
|
petals('Petals',
|
||||||
|
'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_6.png');
|
||||||
|
|
||||||
|
const ColorImageProvider(this.label, this.url);
|
||||||
|
final String label;
|
||||||
|
final String url;
|
||||||
|
}
|
||||||
|
|
||||||
|
enum ScreenSelected {
|
||||||
|
component(0),
|
||||||
|
color(1),
|
||||||
|
typography(2),
|
||||||
|
elevation(3),
|
||||||
|
home(4);
|
||||||
|
|
||||||
|
const ScreenSelected(this.value);
|
||||||
|
final int value;
|
||||||
|
}
|
||||||
187
lib/elevation_screen.dart
Normal file
187
lib/elevation_screen.dart
Normal file
@@ -0,0 +1,187 @@
|
|||||||
|
// Copyright 2021 The Flutter team. 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';
|
||||||
|
|
||||||
|
class ElevationScreen extends StatelessWidget {
|
||||||
|
const ElevationScreen({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
Color shadowColor = Theme.of(context).colorScheme.shadow;
|
||||||
|
Color surfaceTint = Theme.of(context).colorScheme.primary;
|
||||||
|
return Expanded(
|
||||||
|
child: CustomScrollView(
|
||||||
|
slivers: [
|
||||||
|
SliverToBoxAdapter(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.fromLTRB(16.0, 20, 16.0, 0),
|
||||||
|
child: Text(
|
||||||
|
'Surface Tint Color Only',
|
||||||
|
style: Theme.of(context).textTheme.titleLarge,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
ElevationGrid(
|
||||||
|
surfaceTintColor: surfaceTint,
|
||||||
|
shadowColor: Colors.transparent,
|
||||||
|
),
|
||||||
|
SliverList(
|
||||||
|
delegate: SliverChildListDelegate(<Widget>[
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.fromLTRB(16.0, 8.0, 16.0, 0),
|
||||||
|
child: Text(
|
||||||
|
'Surface Tint Color and Shadow Color',
|
||||||
|
style: Theme.of(context).textTheme.titleLarge,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
]),
|
||||||
|
),
|
||||||
|
ElevationGrid(
|
||||||
|
shadowColor: shadowColor,
|
||||||
|
surfaceTintColor: surfaceTint,
|
||||||
|
),
|
||||||
|
SliverList(
|
||||||
|
delegate: SliverChildListDelegate(<Widget>[
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.fromLTRB(16.0, 8.0, 16.0, 0),
|
||||||
|
child: Text(
|
||||||
|
'Shadow Color Only',
|
||||||
|
style: Theme.of(context).textTheme.titleLarge,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
]),
|
||||||
|
),
|
||||||
|
ElevationGrid(shadowColor: shadowColor),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const double narrowScreenWidthThreshold = 450;
|
||||||
|
|
||||||
|
class ElevationGrid extends StatelessWidget {
|
||||||
|
const ElevationGrid({super.key, this.shadowColor, this.surfaceTintColor});
|
||||||
|
|
||||||
|
final Color? shadowColor;
|
||||||
|
final Color? surfaceTintColor;
|
||||||
|
|
||||||
|
List<ElevationCard> elevationCards(
|
||||||
|
Color? shadowColor, Color? surfaceTintColor) {
|
||||||
|
return elevations
|
||||||
|
.map(
|
||||||
|
(elevationInfo) => ElevationCard(
|
||||||
|
info: elevationInfo,
|
||||||
|
shadowColor: shadowColor,
|
||||||
|
surfaceTint: surfaceTintColor,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.toList();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return SliverPadding(
|
||||||
|
padding: const EdgeInsets.all(8),
|
||||||
|
sliver: SliverLayoutBuilder(builder: (context, constraints) {
|
||||||
|
if (constraints.crossAxisExtent < narrowScreenWidthThreshold) {
|
||||||
|
return SliverGrid.count(
|
||||||
|
crossAxisCount: 3,
|
||||||
|
children: elevationCards(shadowColor, surfaceTintColor),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return SliverGrid.count(
|
||||||
|
crossAxisCount: 6,
|
||||||
|
children: elevationCards(shadowColor, surfaceTintColor),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ElevationCard extends StatefulWidget {
|
||||||
|
const ElevationCard(
|
||||||
|
{super.key, required this.info, this.shadowColor, this.surfaceTint});
|
||||||
|
|
||||||
|
final ElevationInfo info;
|
||||||
|
final Color? shadowColor;
|
||||||
|
final Color? surfaceTint;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<ElevationCard> createState() => _ElevationCardState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ElevationCardState extends State<ElevationCard> {
|
||||||
|
late double _elevation;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_elevation = widget.info.elevation;
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
const BorderRadius borderRadius = BorderRadius.all(Radius.circular(4.0));
|
||||||
|
final Color color = Theme.of(context).colorScheme.surface;
|
||||||
|
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Material(
|
||||||
|
borderRadius: borderRadius,
|
||||||
|
elevation: _elevation,
|
||||||
|
color: color,
|
||||||
|
shadowColor: widget.shadowColor,
|
||||||
|
surfaceTintColor: widget.surfaceTint,
|
||||||
|
type: MaterialType.card,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
Text(
|
||||||
|
'Level ${widget.info.level}',
|
||||||
|
style: Theme.of(context).textTheme.labelMedium,
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
'${widget.info.elevation.toInt()} dp',
|
||||||
|
style: Theme.of(context).textTheme.labelMedium,
|
||||||
|
),
|
||||||
|
if (widget.surfaceTint != null)
|
||||||
|
Expanded(
|
||||||
|
child: Align(
|
||||||
|
alignment: Alignment.bottomRight,
|
||||||
|
child: Text(
|
||||||
|
'${widget.info.overlayPercent}%',
|
||||||
|
style: Theme.of(context).textTheme.bodySmall,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ElevationInfo {
|
||||||
|
const ElevationInfo(this.level, this.elevation, this.overlayPercent);
|
||||||
|
final int level;
|
||||||
|
final double elevation;
|
||||||
|
final int overlayPercent;
|
||||||
|
}
|
||||||
|
|
||||||
|
const List<ElevationInfo> elevations = <ElevationInfo>[
|
||||||
|
ElevationInfo(0, 0.0, 0),
|
||||||
|
ElevationInfo(1, 1.0, 5),
|
||||||
|
ElevationInfo(2, 3.0, 8),
|
||||||
|
ElevationInfo(3, 6.0, 11),
|
||||||
|
ElevationInfo(4, 8.0, 12),
|
||||||
|
ElevationInfo(5, 12.0, 14),
|
||||||
|
];
|
||||||
@@ -15,7 +15,6 @@ import 'package:flutter/foundation.dart'
|
|||||||
/// );
|
/// );
|
||||||
/// ```
|
/// ```
|
||||||
class DefaultFirebaseOptions {
|
class DefaultFirebaseOptions {
|
||||||
|
|
||||||
static FirebaseOptions get currentPlatform {
|
static FirebaseOptions get currentPlatform {
|
||||||
if (kIsWeb) {
|
if (kIsWeb) {
|
||||||
throw UnsupportedError(
|
throw UnsupportedError(
|
||||||
@@ -51,21 +50,19 @@ class DefaultFirebaseOptions {
|
|||||||
}
|
}
|
||||||
|
|
||||||
static const FirebaseOptions android = FirebaseOptions(
|
static const FirebaseOptions android = FirebaseOptions(
|
||||||
apiKey: 'AIzaSyCh2cA5AHNIS3e1Wnf48dfoCUKvmEM9J34',
|
apiKey: 'AIzaSyA5Mz_Az4vCKnFl_qJwiQ07cJzXSYDAqmw',
|
||||||
appId: '1:164857321043:android:0a67e4973f9208721ad8a6',
|
appId: '1:23966937248:android:9694d7a3e940cff3b599c5',
|
||||||
messagingSenderId: '164857321043',
|
messagingSenderId: '23966937248',
|
||||||
projectId: 'progetto-m335',
|
projectId: 'm-335-3d14b',
|
||||||
databaseURL: 'https://progetto-m335-default-rtdb.europe-west1.firebasedatabase.app',
|
storageBucket: 'm-335-3d14b.appspot.com',
|
||||||
storageBucket: 'progetto-m335.appspot.com',
|
|
||||||
);
|
);
|
||||||
|
|
||||||
static const FirebaseOptions ios = FirebaseOptions(
|
static const FirebaseOptions ios = FirebaseOptions(
|
||||||
apiKey: 'AIzaSyAhEex7OfyJHETyC-uSydOFGABBn5KX16Q',
|
apiKey: 'AIzaSyDEJpIubqU-jFzjLP2s8S01B3Gh6W0eNgM',
|
||||||
appId: '1:164857321043:ios:b497e5d24254d60e1ad8a6',
|
appId: '1:23966937248:ios:d7915a6ac5618efeb599c5',
|
||||||
messagingSenderId: '164857321043',
|
messagingSenderId: '23966937248',
|
||||||
projectId: 'progetto-m335',
|
projectId: 'm-335-3d14b',
|
||||||
databaseURL: 'https://progetto-m335-default-rtdb.europe-west1.firebasedatabase.app',
|
storageBucket: 'm-335-3d14b.appspot.com',
|
||||||
storageBucket: 'progetto-m335.appspot.com',
|
|
||||||
iosBundleId: 'ch.ameti.progettoM335Flutter',
|
iosBundleId: 'ch.ameti.progettoM335Flutter',
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
877
lib/home.dart
Normal file
877
lib/home.dart
Normal file
@@ -0,0 +1,877 @@
|
|||||||
|
// Copyright 2021 The Flutter team. 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 'color_palettes_screen.dart';
|
||||||
|
import 'component_screen.dart';
|
||||||
|
import 'constants.dart';
|
||||||
|
import 'elevation_screen.dart';
|
||||||
|
import 'typography_screen.dart';
|
||||||
|
import 'pages/home_page.dart';
|
||||||
|
|
||||||
|
class Home extends StatefulWidget {
|
||||||
|
const Home({
|
||||||
|
super.key,
|
||||||
|
required this.useLightMode,
|
||||||
|
required this.useMaterial3,
|
||||||
|
required this.colorSelected,
|
||||||
|
required this.handleBrightnessChange,
|
||||||
|
required this.handleMaterialVersionChange,
|
||||||
|
required this.handleColorSelect,
|
||||||
|
required this.handleImageSelect,
|
||||||
|
required this.colorSelectionMethod,
|
||||||
|
required this.imageSelected,
|
||||||
|
});
|
||||||
|
|
||||||
|
final bool useLightMode;
|
||||||
|
final bool useMaterial3;
|
||||||
|
final ColorSeed colorSelected;
|
||||||
|
final ColorImageProvider imageSelected;
|
||||||
|
final ColorSelectionMethod colorSelectionMethod;
|
||||||
|
|
||||||
|
final void Function(bool useLightMode) handleBrightnessChange;
|
||||||
|
final void Function() handleMaterialVersionChange;
|
||||||
|
final void Function(int value) handleColorSelect;
|
||||||
|
final void Function(int value) handleImageSelect;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<Home> createState() => _HomeState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _HomeState extends State<Home> with SingleTickerProviderStateMixin {
|
||||||
|
final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();
|
||||||
|
late final AnimationController controller;
|
||||||
|
late final CurvedAnimation railAnimation;
|
||||||
|
bool controllerInitialized = false;
|
||||||
|
bool showMediumSizeLayout = false;
|
||||||
|
bool showLargeSizeLayout = false;
|
||||||
|
|
||||||
|
int screenIndex = ScreenSelected.component.value;
|
||||||
|
|
||||||
|
@override
|
||||||
|
initState() {
|
||||||
|
super.initState();
|
||||||
|
controller = AnimationController(
|
||||||
|
duration: Duration(milliseconds: transitionLength.toInt() * 2),
|
||||||
|
value: 0,
|
||||||
|
vsync: this,
|
||||||
|
);
|
||||||
|
railAnimation = CurvedAnimation(
|
||||||
|
parent: controller,
|
||||||
|
curve: const Interval(0.5, 1.0),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
controller.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void didChangeDependencies() {
|
||||||
|
super.didChangeDependencies();
|
||||||
|
|
||||||
|
final double width = MediaQuery.of(context).size.width;
|
||||||
|
final AnimationStatus status = controller.status;
|
||||||
|
if (width > mediumWidthBreakpoint) {
|
||||||
|
if (width > largeWidthBreakpoint) {
|
||||||
|
showMediumSizeLayout = false;
|
||||||
|
showLargeSizeLayout = true;
|
||||||
|
} else {
|
||||||
|
showMediumSizeLayout = true;
|
||||||
|
showLargeSizeLayout = false;
|
||||||
|
}
|
||||||
|
if (status != AnimationStatus.forward &&
|
||||||
|
status != AnimationStatus.completed) {
|
||||||
|
controller.forward();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
showMediumSizeLayout = false;
|
||||||
|
showLargeSizeLayout = false;
|
||||||
|
if (status != AnimationStatus.reverse &&
|
||||||
|
status != AnimationStatus.dismissed) {
|
||||||
|
controller.reverse();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!controllerInitialized) {
|
||||||
|
controllerInitialized = true;
|
||||||
|
controller.value = width > mediumWidthBreakpoint ? 1 : 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void handleScreenChanged(int screenSelected) {
|
||||||
|
setState(() {
|
||||||
|
screenIndex = screenSelected;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget createScreenFor(
|
||||||
|
ScreenSelected screenSelected, bool showNavBarExample) {
|
||||||
|
switch (screenSelected) {
|
||||||
|
case ScreenSelected.component:
|
||||||
|
return Expanded(
|
||||||
|
child: OneTwoTransition(
|
||||||
|
animation: railAnimation,
|
||||||
|
one: FirstComponentList(
|
||||||
|
showNavBottomBar: showNavBarExample,
|
||||||
|
scaffoldKey: scaffoldKey,
|
||||||
|
showSecondList: showMediumSizeLayout || showLargeSizeLayout),
|
||||||
|
two: SecondComponentList(
|
||||||
|
scaffoldKey: scaffoldKey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
case ScreenSelected.color:
|
||||||
|
return const ColorPalettesScreen();
|
||||||
|
case ScreenSelected.typography:
|
||||||
|
return const TypographyScreen();
|
||||||
|
case ScreenSelected.elevation:
|
||||||
|
return const ElevationScreen();
|
||||||
|
case ScreenSelected.home:
|
||||||
|
return const HomePage();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
PreferredSizeWidget createAppBar() {
|
||||||
|
return AppBar(
|
||||||
|
title: widget.useMaterial3
|
||||||
|
? const Text('Material 3')
|
||||||
|
: const Text('Material 2'),
|
||||||
|
actions: !showMediumSizeLayout && !showLargeSizeLayout
|
||||||
|
? [
|
||||||
|
_BrightnessButton(
|
||||||
|
handleBrightnessChange: widget.handleBrightnessChange,
|
||||||
|
),
|
||||||
|
_Material3Button(
|
||||||
|
handleMaterialVersionChange: widget.handleMaterialVersionChange,
|
||||||
|
),
|
||||||
|
_ColorSeedButton(
|
||||||
|
handleColorSelect: widget.handleColorSelect,
|
||||||
|
colorSelected: widget.colorSelected,
|
||||||
|
colorSelectionMethod: widget.colorSelectionMethod,
|
||||||
|
),
|
||||||
|
_ColorImageButton(
|
||||||
|
handleImageSelect: widget.handleImageSelect,
|
||||||
|
imageSelected: widget.imageSelected,
|
||||||
|
colorSelectionMethod: widget.colorSelectionMethod,
|
||||||
|
)
|
||||||
|
]
|
||||||
|
: [Container()],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _trailingActions() => Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
children: [
|
||||||
|
Flexible(
|
||||||
|
child: _BrightnessButton(
|
||||||
|
handleBrightnessChange: widget.handleBrightnessChange,
|
||||||
|
showTooltipBelow: false,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Flexible(
|
||||||
|
child: _Material3Button(
|
||||||
|
handleMaterialVersionChange: widget.handleMaterialVersionChange,
|
||||||
|
showTooltipBelow: false,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Flexible(
|
||||||
|
child: _ColorSeedButton(
|
||||||
|
handleColorSelect: widget.handleColorSelect,
|
||||||
|
colorSelected: widget.colorSelected,
|
||||||
|
colorSelectionMethod: widget.colorSelectionMethod,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Flexible(
|
||||||
|
child: _ColorImageButton(
|
||||||
|
handleImageSelect: widget.handleImageSelect,
|
||||||
|
imageSelected: widget.imageSelected,
|
||||||
|
colorSelectionMethod: widget.colorSelectionMethod,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return AnimatedBuilder(
|
||||||
|
animation: controller,
|
||||||
|
builder: (context, child) {
|
||||||
|
return NavigationTransition(
|
||||||
|
scaffoldKey: scaffoldKey,
|
||||||
|
animationController: controller,
|
||||||
|
railAnimation: railAnimation,
|
||||||
|
appBar: createAppBar(),
|
||||||
|
body: createScreenFor(
|
||||||
|
ScreenSelected.values[screenIndex], controller.value == 1),
|
||||||
|
navigationRail: NavigationRail(
|
||||||
|
extended: showLargeSizeLayout,
|
||||||
|
destinations: navRailDestinations,
|
||||||
|
selectedIndex: screenIndex,
|
||||||
|
onDestinationSelected: (index) {
|
||||||
|
setState(() {
|
||||||
|
screenIndex = index;
|
||||||
|
handleScreenChanged(screenIndex);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
trailing: Expanded(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(bottom: 20),
|
||||||
|
child: showLargeSizeLayout
|
||||||
|
? _ExpandedTrailingActions(
|
||||||
|
useLightMode: widget.useLightMode,
|
||||||
|
handleBrightnessChange: widget.handleBrightnessChange,
|
||||||
|
useMaterial3: widget.useMaterial3,
|
||||||
|
handleMaterialVersionChange:
|
||||||
|
widget.handleMaterialVersionChange,
|
||||||
|
handleImageSelect: widget.handleImageSelect,
|
||||||
|
handleColorSelect: widget.handleColorSelect,
|
||||||
|
colorSelectionMethod: widget.colorSelectionMethod,
|
||||||
|
imageSelected: widget.imageSelected,
|
||||||
|
colorSelected: widget.colorSelected,
|
||||||
|
)
|
||||||
|
: _trailingActions(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
navigationBar: NavigationBars(
|
||||||
|
onSelectItem: (index) {
|
||||||
|
setState(() {
|
||||||
|
screenIndex = index;
|
||||||
|
handleScreenChanged(screenIndex);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
selectedIndex: screenIndex,
|
||||||
|
isExampleBar: false,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _BrightnessButton extends StatelessWidget {
|
||||||
|
const _BrightnessButton({
|
||||||
|
required this.handleBrightnessChange,
|
||||||
|
this.showTooltipBelow = true,
|
||||||
|
});
|
||||||
|
|
||||||
|
final Function handleBrightnessChange;
|
||||||
|
final bool showTooltipBelow;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final isBright = Theme.of(context).brightness == Brightness.light;
|
||||||
|
return Tooltip(
|
||||||
|
preferBelow: showTooltipBelow,
|
||||||
|
message: 'Toggle brightness',
|
||||||
|
child: IconButton(
|
||||||
|
icon: isBright
|
||||||
|
? const Icon(Icons.dark_mode_outlined)
|
||||||
|
: const Icon(Icons.light_mode_outlined),
|
||||||
|
onPressed: () => handleBrightnessChange(!isBright),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _Material3Button extends StatelessWidget {
|
||||||
|
const _Material3Button({
|
||||||
|
required this.handleMaterialVersionChange,
|
||||||
|
this.showTooltipBelow = true,
|
||||||
|
});
|
||||||
|
|
||||||
|
final void Function() handleMaterialVersionChange;
|
||||||
|
final bool showTooltipBelow;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final useMaterial3 = Theme.of(context).useMaterial3;
|
||||||
|
return Tooltip(
|
||||||
|
preferBelow: showTooltipBelow,
|
||||||
|
message: 'Switch to Material ${useMaterial3 ? 2 : 3}',
|
||||||
|
child: IconButton(
|
||||||
|
icon: useMaterial3
|
||||||
|
? const Icon(Icons.filter_2)
|
||||||
|
: const Icon(Icons.filter_3),
|
||||||
|
onPressed: handleMaterialVersionChange,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ColorSeedButton extends StatelessWidget {
|
||||||
|
const _ColorSeedButton({
|
||||||
|
required this.handleColorSelect,
|
||||||
|
required this.colorSelected,
|
||||||
|
required this.colorSelectionMethod,
|
||||||
|
});
|
||||||
|
|
||||||
|
final void Function(int) handleColorSelect;
|
||||||
|
final ColorSeed colorSelected;
|
||||||
|
final ColorSelectionMethod colorSelectionMethod;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return PopupMenuButton(
|
||||||
|
icon: Icon(
|
||||||
|
Icons.palette_outlined,
|
||||||
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
tooltip: 'Select a seed color',
|
||||||
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
|
||||||
|
itemBuilder: (context) {
|
||||||
|
return List.generate(ColorSeed.values.length, (index) {
|
||||||
|
ColorSeed currentColor = ColorSeed.values[index];
|
||||||
|
|
||||||
|
return PopupMenuItem(
|
||||||
|
value: index,
|
||||||
|
enabled: currentColor != colorSelected ||
|
||||||
|
colorSelectionMethod != ColorSelectionMethod.colorSeed,
|
||||||
|
child: Wrap(
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 10),
|
||||||
|
child: Icon(
|
||||||
|
currentColor == colorSelected &&
|
||||||
|
colorSelectionMethod != ColorSelectionMethod.image
|
||||||
|
? Icons.color_lens
|
||||||
|
: Icons.color_lens_outlined,
|
||||||
|
color: currentColor.color,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 20),
|
||||||
|
child: Text(currentColor.label),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onSelected: handleColorSelect,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ColorImageButton extends StatelessWidget {
|
||||||
|
const _ColorImageButton({
|
||||||
|
required this.handleImageSelect,
|
||||||
|
required this.imageSelected,
|
||||||
|
required this.colorSelectionMethod,
|
||||||
|
});
|
||||||
|
|
||||||
|
final void Function(int) handleImageSelect;
|
||||||
|
final ColorImageProvider imageSelected;
|
||||||
|
final ColorSelectionMethod colorSelectionMethod;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return PopupMenuButton(
|
||||||
|
icon: Icon(
|
||||||
|
Icons.image_outlined,
|
||||||
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
tooltip: 'Select a color extraction image',
|
||||||
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
|
||||||
|
itemBuilder: (context) {
|
||||||
|
return List.generate(ColorImageProvider.values.length, (index) {
|
||||||
|
ColorImageProvider currentImageProvider =
|
||||||
|
ColorImageProvider.values[index];
|
||||||
|
|
||||||
|
return PopupMenuItem(
|
||||||
|
value: index,
|
||||||
|
enabled: currentImageProvider != imageSelected ||
|
||||||
|
colorSelectionMethod != ColorSelectionMethod.image,
|
||||||
|
child: Wrap(
|
||||||
|
crossAxisAlignment: WrapCrossAlignment.center,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 10),
|
||||||
|
child: ConstrainedBox(
|
||||||
|
constraints: const BoxConstraints(maxWidth: 48),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
child: Image(
|
||||||
|
image: NetworkImage(
|
||||||
|
ColorImageProvider.values[index].url),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 20),
|
||||||
|
child: Text(currentImageProvider.label),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onSelected: handleImageSelect,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ExpandedTrailingActions extends StatelessWidget {
|
||||||
|
const _ExpandedTrailingActions({
|
||||||
|
required this.useLightMode,
|
||||||
|
required this.handleBrightnessChange,
|
||||||
|
required this.useMaterial3,
|
||||||
|
required this.handleMaterialVersionChange,
|
||||||
|
required this.handleColorSelect,
|
||||||
|
required this.handleImageSelect,
|
||||||
|
required this.imageSelected,
|
||||||
|
required this.colorSelected,
|
||||||
|
required this.colorSelectionMethod,
|
||||||
|
});
|
||||||
|
|
||||||
|
final void Function(bool) handleBrightnessChange;
|
||||||
|
final void Function() handleMaterialVersionChange;
|
||||||
|
final void Function(int) handleImageSelect;
|
||||||
|
final void Function(int) handleColorSelect;
|
||||||
|
|
||||||
|
final bool useLightMode;
|
||||||
|
final bool useMaterial3;
|
||||||
|
|
||||||
|
final ColorImageProvider imageSelected;
|
||||||
|
final ColorSeed colorSelected;
|
||||||
|
final ColorSelectionMethod colorSelectionMethod;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final screenHeight = MediaQuery.of(context).size.height;
|
||||||
|
final trailingActionsBody = Container(
|
||||||
|
constraints: const BoxConstraints.tightFor(width: 250),
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 30),
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
const Text('Brightness'),
|
||||||
|
Expanded(child: Container()),
|
||||||
|
Switch(
|
||||||
|
value: useLightMode,
|
||||||
|
onChanged: (value) {
|
||||||
|
handleBrightnessChange(value);
|
||||||
|
})
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
useMaterial3
|
||||||
|
? const Text('Material 3')
|
||||||
|
: const Text('Material 2'),
|
||||||
|
Expanded(child: Container()),
|
||||||
|
Switch(
|
||||||
|
value: useMaterial3,
|
||||||
|
onChanged: (_) {
|
||||||
|
handleMaterialVersionChange();
|
||||||
|
})
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
_ExpandedColorSeedAction(
|
||||||
|
handleColorSelect: handleColorSelect,
|
||||||
|
colorSelected: colorSelected,
|
||||||
|
colorSelectionMethod: colorSelectionMethod,
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
_ExpandedImageColorAction(
|
||||||
|
handleImageSelect: handleImageSelect,
|
||||||
|
imageSelected: imageSelected,
|
||||||
|
colorSelectionMethod: colorSelectionMethod,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
return screenHeight > 740
|
||||||
|
? trailingActionsBody
|
||||||
|
: SingleChildScrollView(child: trailingActionsBody);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ExpandedColorSeedAction extends StatelessWidget {
|
||||||
|
const _ExpandedColorSeedAction({
|
||||||
|
required this.handleColorSelect,
|
||||||
|
required this.colorSelected,
|
||||||
|
required this.colorSelectionMethod,
|
||||||
|
});
|
||||||
|
|
||||||
|
final void Function(int) handleColorSelect;
|
||||||
|
final ColorSeed colorSelected;
|
||||||
|
final ColorSelectionMethod colorSelectionMethod;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return ConstrainedBox(
|
||||||
|
constraints: const BoxConstraints(maxHeight: 200.0),
|
||||||
|
child: GridView.count(
|
||||||
|
crossAxisCount: 3,
|
||||||
|
children: List.generate(
|
||||||
|
ColorSeed.values.length,
|
||||||
|
(i) => IconButton(
|
||||||
|
icon: const Icon(Icons.radio_button_unchecked),
|
||||||
|
color: ColorSeed.values[i].color,
|
||||||
|
isSelected: colorSelected.color == ColorSeed.values[i].color &&
|
||||||
|
colorSelectionMethod == ColorSelectionMethod.colorSeed,
|
||||||
|
selectedIcon: const Icon(Icons.circle),
|
||||||
|
onPressed: () {
|
||||||
|
handleColorSelect(i);
|
||||||
|
},
|
||||||
|
tooltip: ColorSeed.values[i].label,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ExpandedImageColorAction extends StatelessWidget {
|
||||||
|
const _ExpandedImageColorAction({
|
||||||
|
required this.handleImageSelect,
|
||||||
|
required this.imageSelected,
|
||||||
|
required this.colorSelectionMethod,
|
||||||
|
});
|
||||||
|
|
||||||
|
final void Function(int) handleImageSelect;
|
||||||
|
final ColorImageProvider imageSelected;
|
||||||
|
final ColorSelectionMethod colorSelectionMethod;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return ConstrainedBox(
|
||||||
|
constraints: const BoxConstraints(maxHeight: 150.0),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
||||||
|
child: GridView.count(
|
||||||
|
crossAxisCount: 3,
|
||||||
|
children: List.generate(
|
||||||
|
ColorImageProvider.values.length,
|
||||||
|
(i) => Tooltip(
|
||||||
|
message: ColorImageProvider.values[i].name,
|
||||||
|
child: InkWell(
|
||||||
|
borderRadius: BorderRadius.circular(4.0),
|
||||||
|
onTap: () => handleImageSelect(i),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Material(
|
||||||
|
borderRadius: BorderRadius.circular(4.0),
|
||||||
|
elevation: imageSelected == ColorImageProvider.values[i] &&
|
||||||
|
colorSelectionMethod == ColorSelectionMethod.image
|
||||||
|
? 3
|
||||||
|
: 0,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(4.0),
|
||||||
|
child: Image(
|
||||||
|
image: NetworkImage(ColorImageProvider.values[i].url),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class NavigationTransition extends StatefulWidget {
|
||||||
|
const NavigationTransition(
|
||||||
|
{super.key,
|
||||||
|
required this.scaffoldKey,
|
||||||
|
required this.animationController,
|
||||||
|
required this.railAnimation,
|
||||||
|
required this.navigationRail,
|
||||||
|
required this.navigationBar,
|
||||||
|
required this.appBar,
|
||||||
|
required this.body});
|
||||||
|
|
||||||
|
final GlobalKey<ScaffoldState> scaffoldKey;
|
||||||
|
final AnimationController animationController;
|
||||||
|
final CurvedAnimation railAnimation;
|
||||||
|
final Widget navigationRail;
|
||||||
|
final Widget navigationBar;
|
||||||
|
final PreferredSizeWidget appBar;
|
||||||
|
final Widget body;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<NavigationTransition> createState() => _NavigationTransitionState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _NavigationTransitionState extends State<NavigationTransition> {
|
||||||
|
late final AnimationController controller;
|
||||||
|
late final CurvedAnimation railAnimation;
|
||||||
|
late final ReverseAnimation barAnimation;
|
||||||
|
bool controllerInitialized = false;
|
||||||
|
bool showDivider = false;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
|
||||||
|
controller = widget.animationController;
|
||||||
|
railAnimation = widget.railAnimation;
|
||||||
|
|
||||||
|
barAnimation = ReverseAnimation(
|
||||||
|
CurvedAnimation(
|
||||||
|
parent: controller,
|
||||||
|
curve: const Interval(0.0, 0.5),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final ColorScheme colorScheme = Theme.of(context).colorScheme;
|
||||||
|
|
||||||
|
return Scaffold(
|
||||||
|
key: widget.scaffoldKey,
|
||||||
|
appBar: widget.appBar,
|
||||||
|
body: Row(
|
||||||
|
children: <Widget>[
|
||||||
|
RailTransition(
|
||||||
|
animation: railAnimation,
|
||||||
|
backgroundColor: colorScheme.surface,
|
||||||
|
child: widget.navigationRail,
|
||||||
|
),
|
||||||
|
widget.body,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
bottomNavigationBar: BarTransition(
|
||||||
|
animation: barAnimation,
|
||||||
|
backgroundColor: colorScheme.surface,
|
||||||
|
child: widget.navigationBar,
|
||||||
|
),
|
||||||
|
endDrawer: const NavigationDrawerSection(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
final List<NavigationRailDestination> navRailDestinations = appBarDestinations
|
||||||
|
.map(
|
||||||
|
(destination) => NavigationRailDestination(
|
||||||
|
icon: Tooltip(
|
||||||
|
message: destination.label,
|
||||||
|
child: destination.icon,
|
||||||
|
),
|
||||||
|
selectedIcon: Tooltip(
|
||||||
|
message: destination.label,
|
||||||
|
child: destination.selectedIcon,
|
||||||
|
),
|
||||||
|
label: Text(destination.label),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.toList();
|
||||||
|
|
||||||
|
class SizeAnimation extends CurvedAnimation {
|
||||||
|
SizeAnimation(Animation<double> parent)
|
||||||
|
: super(
|
||||||
|
parent: parent,
|
||||||
|
curve: const Interval(
|
||||||
|
0.2,
|
||||||
|
0.8,
|
||||||
|
curve: Curves.easeInOutCubicEmphasized,
|
||||||
|
),
|
||||||
|
reverseCurve: Interval(
|
||||||
|
0,
|
||||||
|
0.2,
|
||||||
|
curve: Curves.easeInOutCubicEmphasized.flipped,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
class OffsetAnimation extends CurvedAnimation {
|
||||||
|
OffsetAnimation(Animation<double> parent)
|
||||||
|
: super(
|
||||||
|
parent: parent,
|
||||||
|
curve: const Interval(
|
||||||
|
0.4,
|
||||||
|
1.0,
|
||||||
|
curve: Curves.easeInOutCubicEmphasized,
|
||||||
|
),
|
||||||
|
reverseCurve: Interval(
|
||||||
|
0,
|
||||||
|
0.2,
|
||||||
|
curve: Curves.easeInOutCubicEmphasized.flipped,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
class RailTransition extends StatefulWidget {
|
||||||
|
const RailTransition(
|
||||||
|
{super.key,
|
||||||
|
required this.animation,
|
||||||
|
required this.backgroundColor,
|
||||||
|
required this.child});
|
||||||
|
|
||||||
|
final Animation<double> animation;
|
||||||
|
final Widget child;
|
||||||
|
final Color backgroundColor;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<RailTransition> createState() => _RailTransition();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _RailTransition extends State<RailTransition> {
|
||||||
|
late Animation<Offset> offsetAnimation;
|
||||||
|
late Animation<double> widthAnimation;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void didChangeDependencies() {
|
||||||
|
super.didChangeDependencies();
|
||||||
|
|
||||||
|
// The animations are only rebuilt by this method when the text
|
||||||
|
// direction changes because this widget only depends on Directionality.
|
||||||
|
final bool ltr = Directionality.of(context) == TextDirection.ltr;
|
||||||
|
|
||||||
|
widthAnimation = Tween<double>(
|
||||||
|
begin: 0,
|
||||||
|
end: 1,
|
||||||
|
).animate(SizeAnimation(widget.animation));
|
||||||
|
|
||||||
|
offsetAnimation = Tween<Offset>(
|
||||||
|
begin: ltr ? const Offset(-1, 0) : const Offset(1, 0),
|
||||||
|
end: Offset.zero,
|
||||||
|
).animate(OffsetAnimation(widget.animation));
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return ClipRect(
|
||||||
|
child: DecoratedBox(
|
||||||
|
decoration: BoxDecoration(color: widget.backgroundColor),
|
||||||
|
child: Align(
|
||||||
|
alignment: Alignment.topLeft,
|
||||||
|
widthFactor: widthAnimation.value,
|
||||||
|
child: FractionalTranslation(
|
||||||
|
translation: offsetAnimation.value,
|
||||||
|
child: widget.child,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class BarTransition extends StatefulWidget {
|
||||||
|
const BarTransition(
|
||||||
|
{super.key,
|
||||||
|
required this.animation,
|
||||||
|
required this.backgroundColor,
|
||||||
|
required this.child});
|
||||||
|
|
||||||
|
final Animation<double> animation;
|
||||||
|
final Color backgroundColor;
|
||||||
|
final Widget child;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<BarTransition> createState() => _BarTransition();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _BarTransition extends State<BarTransition> {
|
||||||
|
late final Animation<Offset> offsetAnimation;
|
||||||
|
late final Animation<double> heightAnimation;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
|
||||||
|
offsetAnimation = Tween<Offset>(
|
||||||
|
begin: const Offset(0, 1),
|
||||||
|
end: Offset.zero,
|
||||||
|
).animate(OffsetAnimation(widget.animation));
|
||||||
|
|
||||||
|
heightAnimation = Tween<double>(
|
||||||
|
begin: 0,
|
||||||
|
end: 1,
|
||||||
|
).animate(SizeAnimation(widget.animation));
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return ClipRect(
|
||||||
|
child: DecoratedBox(
|
||||||
|
decoration: BoxDecoration(color: widget.backgroundColor),
|
||||||
|
child: Align(
|
||||||
|
alignment: Alignment.topLeft,
|
||||||
|
heightFactor: heightAnimation.value,
|
||||||
|
child: FractionalTranslation(
|
||||||
|
translation: offsetAnimation.value,
|
||||||
|
child: widget.child,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class OneTwoTransition extends StatefulWidget {
|
||||||
|
const OneTwoTransition({
|
||||||
|
super.key,
|
||||||
|
required this.animation,
|
||||||
|
required this.one,
|
||||||
|
required this.two,
|
||||||
|
});
|
||||||
|
|
||||||
|
final Animation<double> animation;
|
||||||
|
final Widget one;
|
||||||
|
final Widget two;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<OneTwoTransition> createState() => _OneTwoTransitionState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _OneTwoTransitionState extends State<OneTwoTransition> {
|
||||||
|
late final Animation<Offset> offsetAnimation;
|
||||||
|
late final Animation<double> widthAnimation;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
|
||||||
|
offsetAnimation = Tween<Offset>(
|
||||||
|
begin: const Offset(1, 0),
|
||||||
|
end: Offset.zero,
|
||||||
|
).animate(OffsetAnimation(widget.animation));
|
||||||
|
|
||||||
|
widthAnimation = Tween<double>(
|
||||||
|
begin: 0,
|
||||||
|
end: mediumWidthBreakpoint,
|
||||||
|
).animate(SizeAnimation(widget.animation));
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Row(
|
||||||
|
children: <Widget>[
|
||||||
|
Flexible(
|
||||||
|
flex: mediumWidthBreakpoint.toInt(),
|
||||||
|
child: widget.one,
|
||||||
|
),
|
||||||
|
if (widthAnimation.value.toInt() > 0) ...[
|
||||||
|
Flexible(
|
||||||
|
flex: widthAnimation.value.toInt(),
|
||||||
|
child: FractionalTranslation(
|
||||||
|
translation: offsetAnimation.value,
|
||||||
|
child: widget.two,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,6 +1,15 @@
|
|||||||
|
import 'package:firebase_core/firebase_core.dart';
|
||||||
|
import 'firebase_options.dart';
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'myApp.dart';
|
import 'myApp.dart';
|
||||||
|
|
||||||
void main() {
|
void main() async {
|
||||||
|
|
||||||
|
WidgetsFlutterBinding.ensureInitialized();
|
||||||
|
await Firebase.initializeApp(
|
||||||
|
options: DefaultFirebaseOptions.currentPlatform,
|
||||||
|
);
|
||||||
|
|
||||||
runApp(MyApp());
|
runApp(MyApp());
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,13 +4,13 @@ import 'navigation.dart';
|
|||||||
class MyApp extends StatelessWidget {
|
class MyApp extends StatelessWidget {
|
||||||
const MyApp({ Key? key }) : super(key: key);
|
const MyApp({ Key? key }) : super(key: key);
|
||||||
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return MaterialApp(
|
return MaterialApp(
|
||||||
title: 'My App',
|
title: 'My App',
|
||||||
theme: ThemeData(
|
theme: ThemeData(
|
||||||
useMaterial3: true,
|
useMaterial3: true
|
||||||
primaryColor: Colors.red,
|
|
||||||
),
|
),
|
||||||
home: Navigation()
|
home: Navigation()
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1,7 +1,12 @@
|
|||||||
import 'dart:ffi';
|
import 'package:firebase_auth/firebase_auth.dart';
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'testUI.dart';
|
import 'package:progetto_m335_flutter/pages/LoginView.dart';
|
||||||
|
import 'package:progetto_m335_flutter/pages/RegisterView.dart';
|
||||||
|
import 'pages/TodayView.dart';
|
||||||
|
import 'pages/InboxView.dart';
|
||||||
|
import 'pages/NotesView.dart';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
class Navigation extends StatefulWidget {
|
class Navigation extends StatefulWidget {
|
||||||
const Navigation({super.key});
|
const Navigation({super.key});
|
||||||
@@ -12,12 +17,15 @@ class Navigation extends StatefulWidget {
|
|||||||
|
|
||||||
class _NavigationState extends State<Navigation> {
|
class _NavigationState extends State<Navigation> {
|
||||||
|
|
||||||
int _selectedIndex = 0;
|
int _selectedIndex = 1;
|
||||||
static const List<Widget> _widgetOptions = <Widget>[
|
static const List<Widget> _widgetOptions = <Widget>[
|
||||||
TestUI(),
|
LoginView(),
|
||||||
Text("Inbox"),
|
RegisterView(),
|
||||||
Text("Notes"),
|
TodayView(),
|
||||||
|
InboxView(),
|
||||||
|
NotesView(),
|
||||||
];
|
];
|
||||||
|
FirebaseAuth auth = FirebaseAuth.instance;
|
||||||
|
|
||||||
void _onItemTapped(int index) {
|
void _onItemTapped(int index) {
|
||||||
setState(() {
|
setState(() {
|
||||||
@@ -25,6 +33,20 @@ class _NavigationState extends State<Navigation> {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
FirebaseAuth.instance
|
||||||
|
.authStateChanges()
|
||||||
|
.listen((User? user) {
|
||||||
|
if (user == null) {
|
||||||
|
print('User is currently signed out!');
|
||||||
|
} else {
|
||||||
|
print('User is signed in!');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
@@ -34,6 +56,8 @@ class _NavigationState extends State<Navigation> {
|
|||||||
body: Center(child: _widgetOptions.elementAt(_selectedIndex)),
|
body: Center(child: _widgetOptions.elementAt(_selectedIndex)),
|
||||||
bottomNavigationBar: BottomNavigationBar(
|
bottomNavigationBar: BottomNavigationBar(
|
||||||
items: const <BottomNavigationBarItem>[
|
items: const <BottomNavigationBarItem>[
|
||||||
|
BottomNavigationBarItem(icon: Icon(Icons.login), label: "Login"),
|
||||||
|
BottomNavigationBarItem(icon: Icon(Icons.app_registration), label: "Register"),
|
||||||
BottomNavigationBarItem(
|
BottomNavigationBarItem(
|
||||||
icon: Icon(Icons.calendar_today), label: "today"),
|
icon: Icon(Icons.calendar_today), label: "today"),
|
||||||
BottomNavigationBarItem(icon: Icon(Icons.inbox), label: "Inbox"),
|
BottomNavigationBarItem(icon: Icon(Icons.inbox), label: "Inbox"),
|
||||||
@@ -41,6 +65,7 @@ class _NavigationState extends State<Navigation> {
|
|||||||
],
|
],
|
||||||
currentIndex: _selectedIndex,
|
currentIndex: _selectedIndex,
|
||||||
onTap: _onItemTapped,
|
onTap: _onItemTapped,
|
||||||
|
type: BottomNavigationBarType.fixed,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
71
lib/old/firebase_options.dart
Normal file
71
lib/old/firebase_options.dart
Normal file
@@ -0,0 +1,71 @@
|
|||||||
|
// File generated by FlutterFire CLI.
|
||||||
|
// ignore_for_file: lines_longer_than_80_chars, avoid_classes_with_only_static_members
|
||||||
|
import 'package:firebase_core/firebase_core.dart' show FirebaseOptions;
|
||||||
|
import 'package:flutter/foundation.dart'
|
||||||
|
show defaultTargetPlatform, kIsWeb, TargetPlatform;
|
||||||
|
|
||||||
|
/// Default [FirebaseOptions] for use with your Firebase apps.
|
||||||
|
///
|
||||||
|
/// Example:
|
||||||
|
/// ```dart
|
||||||
|
/// import 'firebase_options.dart';
|
||||||
|
/// // ...
|
||||||
|
/// await Firebase.initializeApp(
|
||||||
|
/// options: DefaultFirebaseOptions.currentPlatform,
|
||||||
|
/// );
|
||||||
|
/// ```
|
||||||
|
class DefaultFirebaseOptions {
|
||||||
|
|
||||||
|
static FirebaseOptions get currentPlatform {
|
||||||
|
if (kIsWeb) {
|
||||||
|
throw UnsupportedError(
|
||||||
|
'DefaultFirebaseOptions have not been configured for web - '
|
||||||
|
'you can reconfigure this by running the FlutterFire CLI again.',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
switch (defaultTargetPlatform) {
|
||||||
|
case TargetPlatform.android:
|
||||||
|
return android;
|
||||||
|
case TargetPlatform.iOS:
|
||||||
|
return ios;
|
||||||
|
case TargetPlatform.macOS:
|
||||||
|
throw UnsupportedError(
|
||||||
|
'DefaultFirebaseOptions have not been configured for macos - '
|
||||||
|
'you can reconfigure this by running the FlutterFire CLI again.',
|
||||||
|
);
|
||||||
|
case TargetPlatform.windows:
|
||||||
|
throw UnsupportedError(
|
||||||
|
'DefaultFirebaseOptions have not been configured for windows - '
|
||||||
|
'you can reconfigure this by running the FlutterFire CLI again.',
|
||||||
|
);
|
||||||
|
case TargetPlatform.linux:
|
||||||
|
throw UnsupportedError(
|
||||||
|
'DefaultFirebaseOptions have not been configured for linux - '
|
||||||
|
'you can reconfigure this by running the FlutterFire CLI again.',
|
||||||
|
);
|
||||||
|
default:
|
||||||
|
throw UnsupportedError(
|
||||||
|
'DefaultFirebaseOptions are not supported for this platform.',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static const FirebaseOptions android = FirebaseOptions(
|
||||||
|
apiKey: 'AIzaSyCh2cA5AHNIS3e1Wnf48dfoCUKvmEM9J34',
|
||||||
|
appId: '1:164857321043:android:0a67e4973f9208721ad8a6',
|
||||||
|
messagingSenderId: '164857321043',
|
||||||
|
projectId: 'progetto-m335',
|
||||||
|
databaseURL: 'https://progetto-m335-default-rtdb.europe-west1.firebasedatabase.app',
|
||||||
|
storageBucket: 'progetto-m335.appspot.com',
|
||||||
|
);
|
||||||
|
|
||||||
|
static const FirebaseOptions ios = FirebaseOptions(
|
||||||
|
apiKey: 'AIzaSyAhEex7OfyJHETyC-uSydOFGABBn5KX16Q',
|
||||||
|
appId: '1:164857321043:ios:b497e5d24254d60e1ad8a6',
|
||||||
|
messagingSenderId: '164857321043',
|
||||||
|
projectId: 'progetto-m335',
|
||||||
|
databaseURL: 'https://progetto-m335-default-rtdb.europe-west1.firebasedatabase.app',
|
||||||
|
storageBucket: 'progetto-m335.appspot.com',
|
||||||
|
iosBundleId: 'ch.ameti.progettoM335Flutter',
|
||||||
|
);
|
||||||
|
}
|
||||||
45
lib/old/main.dart
Normal file
45
lib/old/main.dart
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
/*
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import '../pages/welcome_page.dart';
|
||||||
|
import '../pages/home_page.dart';
|
||||||
|
|
||||||
|
void main() {
|
||||||
|
runApp(const MyApp());
|
||||||
|
}
|
||||||
|
|
||||||
|
class MyApp extends StatelessWidget {
|
||||||
|
const MyApp({super.key});
|
||||||
|
|
||||||
|
// This widget is the root of your application.
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return MaterialApp(
|
||||||
|
title: 'Flutter Demo',
|
||||||
|
theme: ThemeData(
|
||||||
|
primaryColor: Colors.red,
|
||||||
|
accentCoulor: Colors.blue,
|
||||||
|
fontFamily: 'Roboto',
|
||||||
|
textTheme: TextTheme(
|
||||||
|
headline1: TextStyle(fontSize: 24),
|
||||||
|
headline2: TextStyle(fontSize: 20),
|
||||||
|
headline3: TextStyle(fontSize: 16),
|
||||||
|
)),
|
||||||
|
// Cambia la proprietà `home` con `WelcomePage()`
|
||||||
|
home: WelcomePage(),
|
||||||
|
// Aggiungi un nuovo `onGenerateRoute`
|
||||||
|
onGenerateRoute: (settings) {
|
||||||
|
// Se la route è `/home`, esci dal `WelcomePage()` e vai alla `HomePage()`
|
||||||
|
if (settings.name == '/home') {
|
||||||
|
Navigator.pop(context);
|
||||||
|
return MaterialPageRoute(
|
||||||
|
builder: (context) => const HomePage(
|
||||||
|
title: 'Titolo',
|
||||||
|
));
|
||||||
|
}
|
||||||
|
// Altrimenti, restituisci la route predefinita
|
||||||
|
return MaterialPageRoute(builder: (context) => WelcomePage());
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
} */
|
||||||
19
lib/pages/InboxView.dart
Normal file
19
lib/pages/InboxView.dart
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class InboxView extends StatefulWidget {
|
||||||
|
const InboxView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<InboxView> createState() => _InboxViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _InboxViewState extends State<InboxView> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return const Scaffold(
|
||||||
|
body: Center(
|
||||||
|
child: Icon(Icons.inbox),
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
45
lib/pages/LoginView.dart
Normal file
45
lib/pages/LoginView.dart
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
import 'package:firebase_auth/firebase_auth.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:google_sign_in/google_sign_in.dart';
|
||||||
|
|
||||||
|
class LoginView extends StatefulWidget {
|
||||||
|
const LoginView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<LoginView> createState() => _LoginViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _LoginViewState extends State<LoginView> {
|
||||||
|
|
||||||
|
Future<UserCredential> signInWithGoogle() async {
|
||||||
|
// Trigger the authentication flow
|
||||||
|
final GoogleSignInAccount? googleUser = await GoogleSignIn().signIn();
|
||||||
|
|
||||||
|
// Obtain the auth details from the request
|
||||||
|
final GoogleSignInAuthentication? googleAuth = await googleUser?.authentication;
|
||||||
|
|
||||||
|
// Create a new credential
|
||||||
|
final credential = GoogleAuthProvider.credential(
|
||||||
|
accessToken: googleAuth?.accessToken,
|
||||||
|
idToken: googleAuth?.idToken,
|
||||||
|
);
|
||||||
|
|
||||||
|
// Once signed in, return the UserCredential
|
||||||
|
return await FirebaseAuth.instance.signInWithCredential(credential);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
signInWithGoogle().then((value) => print(value));
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return const Scaffold(
|
||||||
|
body: Center(
|
||||||
|
child: Icon(Icons.login)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
19
lib/pages/NoteDetailView.dart
Normal file
19
lib/pages/NoteDetailView.dart
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class NoteDetailView extends StatefulWidget {
|
||||||
|
const NoteDetailView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<NoteDetailView> createState() => _NoteDetailViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _NoteDetailViewState extends State<NoteDetailView> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return const Scaffold(
|
||||||
|
body: Center(
|
||||||
|
child: Text('NoteDetailView'),
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
19
lib/pages/NotesView.dart
Normal file
19
lib/pages/NotesView.dart
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class NotesView extends StatefulWidget {
|
||||||
|
const NotesView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<NotesView> createState() => _NotesViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _NotesViewState extends State<NotesView> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return const Scaffold(
|
||||||
|
body: Center(
|
||||||
|
child: Icon(Icons.note),
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
186
lib/pages/RegisterView.dart
Normal file
186
lib/pages/RegisterView.dart
Normal file
@@ -0,0 +1,186 @@
|
|||||||
|
import 'package:firebase_auth/firebase_auth.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:form_field_validator/form_field_validator.dart';
|
||||||
|
import 'package:flutter/foundation.dart';
|
||||||
|
import 'package:progetto_m335_flutter/pages/LoginView.dart';
|
||||||
|
|
||||||
|
class RegisterView extends StatefulWidget {
|
||||||
|
const RegisterView({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<RegisterView> createState() => _RegisterViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _RegisterViewState extends State<RegisterView> {
|
||||||
|
String email = '';
|
||||||
|
String password = '';
|
||||||
|
bool showPassword = false;
|
||||||
|
Color buttonColor = Colors.blue[200]!;
|
||||||
|
|
||||||
|
void register() async {
|
||||||
|
print("$email $password");
|
||||||
|
if (_formkey.currentState!.validate()) {
|
||||||
|
try {
|
||||||
|
final credential =
|
||||||
|
await FirebaseAuth.instance.createUserWithEmailAndPassword(
|
||||||
|
email: email,
|
||||||
|
password: password,
|
||||||
|
);
|
||||||
|
} on FirebaseAuthException catch (e) {
|
||||||
|
if (e.code == 'weak-password') {
|
||||||
|
print('The password provided is too weak.');
|
||||||
|
} else if (e.code == 'email-already-in-use') {
|
||||||
|
print('The account already exists for that email.');
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
print(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Map userData = {};
|
||||||
|
final _formkey = GlobalKey<FormState>();
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: Text('Register'),
|
||||||
|
),
|
||||||
|
body: SingleChildScrollView(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(12.0),
|
||||||
|
child: Form(
|
||||||
|
key: _formkey,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: TextFormField(
|
||||||
|
onChanged: (val) {
|
||||||
|
setState(() {
|
||||||
|
email = val;
|
||||||
|
if (password.length > 6 && _formkey.currentState!.validate()) {
|
||||||
|
buttonColor = Colors.blue[400]!;
|
||||||
|
} else {
|
||||||
|
buttonColor = Colors.blue[200]!;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
validator: MultiValidator([
|
||||||
|
RequiredValidator(errorText: 'Enter email address'),
|
||||||
|
EmailValidator(
|
||||||
|
errorText: 'Please correct email filled'),
|
||||||
|
]),
|
||||||
|
decoration: const InputDecoration(
|
||||||
|
hintText: 'Email',
|
||||||
|
labelText: 'Email',
|
||||||
|
prefixIcon: Icon(
|
||||||
|
Icons.email,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
errorStyle: TextStyle(fontSize: 18.0),
|
||||||
|
border: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(color: Colors.red),
|
||||||
|
borderRadius:
|
||||||
|
BorderRadius.all(Radius.circular(9.0)))),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: TextFormField(
|
||||||
|
obscureText: !showPassword,
|
||||||
|
onChanged: (val) {
|
||||||
|
setState(() {
|
||||||
|
password = val;
|
||||||
|
if (password.length > 6 && _formkey.currentState!.validate()) {
|
||||||
|
buttonColor = Colors.blue[400]!;
|
||||||
|
} else {
|
||||||
|
buttonColor = Colors.blue[200]!;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
validator: MultiValidator([
|
||||||
|
RequiredValidator(errorText: 'Enter a password'),
|
||||||
|
PatternValidator(
|
||||||
|
r'^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{6,}$',
|
||||||
|
errorText: 'enter a valid password'),
|
||||||
|
]),
|
||||||
|
decoration: InputDecoration(
|
||||||
|
hintText: 'Password',
|
||||||
|
labelText: 'Password',
|
||||||
|
prefixIcon: const Icon(
|
||||||
|
Icons.key,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
suffixIcon: Padding(
|
||||||
|
padding: const EdgeInsets.only(right: 20.0),
|
||||||
|
child: IconButton(
|
||||||
|
icon: Icon(
|
||||||
|
showPassword
|
||||||
|
? Icons.visibility_off
|
||||||
|
: Icons.visibility,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
setState(() {
|
||||||
|
showPassword = !showPassword;
|
||||||
|
});
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
errorStyle: const TextStyle(fontSize: 18.0),
|
||||||
|
border: const OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(color: Colors.red),
|
||||||
|
borderRadius:
|
||||||
|
BorderRadius.all(Radius.circular(9.0)))),
|
||||||
|
)),
|
||||||
|
Center(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(18.0),
|
||||||
|
child: SizedBox(
|
||||||
|
// margin: EdgeInsets.fromLTRB(200, 20, 50, 0),
|
||||||
|
width: MediaQuery.of(context).size.width,
|
||||||
|
|
||||||
|
height: 50,
|
||||||
|
// margin: EdgeInsets.fromLTRB(200, 20, 50, 0),
|
||||||
|
child: ElevatedButton(
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
backgroundColor: buttonColor,
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: const Text(
|
||||||
|
'Register',
|
||||||
|
style: TextStyle(color: Colors.white, fontSize: 22),
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
register();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)),
|
||||||
|
Center(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 20),
|
||||||
|
child: Center(
|
||||||
|
child: TextButton(
|
||||||
|
child: const Text('Already have an account? Login'),
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => const LoginView()),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
19
lib/pages/TodayView.dart
Normal file
19
lib/pages/TodayView.dart
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class TodayView extends StatefulWidget {
|
||||||
|
const TodayView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<TodayView> createState() => _TodayViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _TodayViewState extends State<TodayView> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return const Scaffold(
|
||||||
|
body: Center(
|
||||||
|
child: Icon(Icons.calendar_today)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
24
lib/pages/home_page.dart
Normal file
24
lib/pages/home_page.dart
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class HomePage extends StatefulWidget {
|
||||||
|
const HomePage({super.key});
|
||||||
|
|
||||||
|
final String title = "home page";
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<HomePage> createState() => _HomePageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _HomePageState extends State<HomePage> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: Text('Hello world'),
|
||||||
|
),
|
||||||
|
body: Center(
|
||||||
|
child: Text('Hello world!'),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
31
lib/pages/welcome_page.dart
Normal file
31
lib/pages/welcome_page.dart
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
|
||||||
|
class WelcomePage extends StatelessWidget {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return MaterialApp(
|
||||||
|
title: 'Pagina di benvenuto',
|
||||||
|
home: Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: Text('Benvenuto'),
|
||||||
|
),
|
||||||
|
body: Center(
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Text('Benvenuto nella pagina di benvenuto!'),
|
||||||
|
SizedBox(height: 20),
|
||||||
|
Text('Clicca sul pulsante per continuare'),
|
||||||
|
SizedBox(height: 20),
|
||||||
|
ElevatedButton(
|
||||||
|
onPressed: () {},
|
||||||
|
child: Text('Continua'),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
63
lib/typography_screen.dart
Normal file
63
lib/typography_screen.dart
Normal file
@@ -0,0 +1,63 @@
|
|||||||
|
// Copyright 2021 The Flutter team. 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';
|
||||||
|
|
||||||
|
class TypographyScreen extends StatelessWidget {
|
||||||
|
const TypographyScreen({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final textTheme = Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.apply(displayColor: Theme.of(context).colorScheme.onSurface);
|
||||||
|
return Expanded(
|
||||||
|
child: ListView(
|
||||||
|
children: <Widget>[
|
||||||
|
const SizedBox(height: 7),
|
||||||
|
TextStyleExample(
|
||||||
|
name: 'Display Large', style: textTheme.displayLarge!),
|
||||||
|
TextStyleExample(
|
||||||
|
name: 'Display Medium', style: textTheme.displayMedium!),
|
||||||
|
TextStyleExample(
|
||||||
|
name: 'Display Small', style: textTheme.displaySmall!),
|
||||||
|
TextStyleExample(
|
||||||
|
name: 'Headline Large', style: textTheme.headlineLarge!),
|
||||||
|
TextStyleExample(
|
||||||
|
name: 'Headline Medium', style: textTheme.headlineMedium!),
|
||||||
|
TextStyleExample(
|
||||||
|
name: 'Headline Small', style: textTheme.headlineSmall!),
|
||||||
|
TextStyleExample(name: 'Title Large', style: textTheme.titleLarge!),
|
||||||
|
TextStyleExample(name: 'Title Medium', style: textTheme.titleMedium!),
|
||||||
|
TextStyleExample(name: 'Title Small', style: textTheme.titleSmall!),
|
||||||
|
TextStyleExample(name: 'Label Large', style: textTheme.labelLarge!),
|
||||||
|
TextStyleExample(name: 'Label Medium', style: textTheme.labelMedium!),
|
||||||
|
TextStyleExample(name: 'Label Small', style: textTheme.labelSmall!),
|
||||||
|
TextStyleExample(name: 'Body Large', style: textTheme.bodyLarge!),
|
||||||
|
TextStyleExample(name: 'Body Medium', style: textTheme.bodyMedium!),
|
||||||
|
TextStyleExample(name: 'Body Small', style: textTheme.bodySmall!),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class TextStyleExample extends StatelessWidget {
|
||||||
|
const TextStyleExample({
|
||||||
|
super.key,
|
||||||
|
required this.name,
|
||||||
|
required this.style,
|
||||||
|
});
|
||||||
|
|
||||||
|
final String name;
|
||||||
|
final TextStyle style;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Text(name, style: style),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
298
pubspec.lock
Normal file
298
pubspec.lock
Normal file
@@ -0,0 +1,298 @@
|
|||||||
|
# Generated by pub
|
||||||
|
# See https://dart.dev/tools/pub/glossary#lockfile
|
||||||
|
packages:
|
||||||
|
async:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: async
|
||||||
|
sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.11.0"
|
||||||
|
boolean_selector:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: boolean_selector
|
||||||
|
sha256: "6cfb5af12253eaf2b368f07bacc5a80d1301a071c73360d746b7f2e32d762c66"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.1.1"
|
||||||
|
characters:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: characters
|
||||||
|
sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.3.0"
|
||||||
|
clock:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: clock
|
||||||
|
sha256: cb6d7f03e1de671e34607e909a7213e31d7752be4fb66a86d29fe1eb14bfb5cf
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.1.1"
|
||||||
|
collection:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: collection
|
||||||
|
sha256: f092b211a4319e98e5ff58223576de6c2803db36221657b46c82574721240687
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.17.2"
|
||||||
|
cupertino_icons:
|
||||||
|
dependency: "direct main"
|
||||||
|
description:
|
||||||
|
name: cupertino_icons
|
||||||
|
sha256: d57953e10f9f8327ce64a508a355f0b1ec902193f66288e8cb5070e7c47eeb2d
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.0.6"
|
||||||
|
fake_async:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: fake_async
|
||||||
|
sha256: "511392330127add0b769b75a987850d136345d9227c6b94c96a04cf4a391bf78"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.3.1"
|
||||||
|
firebase_core:
|
||||||
|
dependency: "direct main"
|
||||||
|
description:
|
||||||
|
name: firebase_core
|
||||||
|
sha256: "675c209c94a1817649137cbd113fc4c9ae85e48d03dd578629abbec6d8a4d93d"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.16.0"
|
||||||
|
firebase_core_platform_interface:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: firebase_core_platform_interface
|
||||||
|
sha256: b63e3be6c96ef5c33bdec1aab23c91eb00696f6452f0519401d640938c94cba2
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "4.8.0"
|
||||||
|
firebase_core_web:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: firebase_core_web
|
||||||
|
sha256: e8c408923cd3a25bd342c576a114f2126769cd1a57106a4edeaa67ea4a84e962
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.8.0"
|
||||||
|
flutter:
|
||||||
|
dependency: "direct main"
|
||||||
|
description: flutter
|
||||||
|
source: sdk
|
||||||
|
version: "0.0.0"
|
||||||
|
flutter_lints:
|
||||||
|
dependency: "direct dev"
|
||||||
|
description:
|
||||||
|
name: flutter_lints
|
||||||
|
sha256: a25a15ebbdfc33ab1cd26c63a6ee519df92338a9c10f122adda92938253bef04
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.0.3"
|
||||||
|
flutter_test:
|
||||||
|
dependency: "direct dev"
|
||||||
|
description: flutter
|
||||||
|
source: sdk
|
||||||
|
version: "0.0.0"
|
||||||
|
flutter_web_plugins:
|
||||||
|
dependency: transitive
|
||||||
|
description: flutter
|
||||||
|
source: sdk
|
||||||
|
version: "0.0.0"
|
||||||
|
js:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: js
|
||||||
|
sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "0.6.7"
|
||||||
|
lints:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: lints
|
||||||
|
sha256: "0a217c6c989d21039f1498c3ed9f3ed71b354e69873f13a8dfc3c9fe76f1b452"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.1.1"
|
||||||
|
matcher:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: matcher
|
||||||
|
sha256: "1803e76e6653768d64ed8ff2e1e67bea3ad4b923eb5c56a295c3e634bad5960e"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "0.12.16"
|
||||||
|
material_color_utilities:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: material_color_utilities
|
||||||
|
sha256: "9528f2f296073ff54cb9fee677df673ace1218163c3bc7628093e7eed5203d41"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "0.5.0"
|
||||||
|
meta:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: meta
|
||||||
|
sha256: "3c74dbf8763d36539f114c799d8a2d87343b5067e9d796ca22b5eb8437090ee3"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.9.1"
|
||||||
|
path:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: path
|
||||||
|
sha256: "8829d8a55c13fc0e37127c29fedf290c102f4e40ae94ada574091fe0ff96c917"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.8.3"
|
||||||
|
plugin_platform_interface:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: plugin_platform_interface
|
||||||
|
sha256: da3fdfeccc4d4ff2da8f8c556704c08f912542c5fb3cf2233ed75372384a034d
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.1.6"
|
||||||
|
sky_engine:
|
||||||
|
dependency: transitive
|
||||||
|
description: flutter
|
||||||
|
source: sdk
|
||||||
|
version: "0.0.99"
|
||||||
|
source_span:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: source_span
|
||||||
|
sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.10.0"
|
||||||
|
stack_trace:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: stack_trace
|
||||||
|
sha256: c3c7d8edb15bee7f0f74debd4b9c5f3c2ea86766fe4178eb2a18eb30a0bdaed5
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.11.0"
|
||||||
|
stream_channel:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: stream_channel
|
||||||
|
sha256: "83615bee9045c1d322bbbd1ba209b7a749c2cbcdcb3fdd1df8eb488b3279c1c8"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.1.1"
|
||||||
|
string_scanner:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: string_scanner
|
||||||
|
sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.2.0"
|
||||||
|
term_glyph:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: term_glyph
|
||||||
|
sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "1.2.1"
|
||||||
|
test_api:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: test_api
|
||||||
|
sha256: "75760ffd7786fffdfb9597c35c5b27eaeec82be8edfb6d71d32651128ed7aab8"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "0.6.0"
|
||||||
|
url_launcher:
|
||||||
|
dependency: "direct main"
|
||||||
|
description:
|
||||||
|
name: url_launcher
|
||||||
|
sha256: "47e208a6711459d813ba18af120d9663c20bdf6985d6ad39fe165d2538378d27"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "6.1.14"
|
||||||
|
url_launcher_android:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: url_launcher_android
|
||||||
|
sha256: b04af59516ab45762b2ca6da40fa830d72d0f6045cd97744450b73493fa76330
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "6.1.0"
|
||||||
|
url_launcher_ios:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: url_launcher_ios
|
||||||
|
sha256: "7c65021d5dee51813d652357bc65b8dd4a6177082a9966bc8ba6ee477baa795f"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "6.1.5"
|
||||||
|
url_launcher_linux:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: url_launcher_linux
|
||||||
|
sha256: b651aad005e0cb06a01dbd84b428a301916dc75f0e7ea6165f80057fee2d8e8e
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "3.0.6"
|
||||||
|
url_launcher_macos:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: url_launcher_macos
|
||||||
|
sha256: b55486791f666e62e0e8ff825e58a023fd6b1f71c49926483f1128d3bbd8fe88
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "3.0.7"
|
||||||
|
url_launcher_platform_interface:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: url_launcher_platform_interface
|
||||||
|
sha256: "95465b39f83bfe95fcb9d174829d6476216f2d548b79c38ab2506e0458787618"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.1.5"
|
||||||
|
url_launcher_web:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: url_launcher_web
|
||||||
|
sha256: "2942294a500b4fa0b918685aff406773ba0a4cd34b7f42198742a94083020ce5"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.0.20"
|
||||||
|
url_launcher_windows:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: url_launcher_windows
|
||||||
|
sha256: "95fef3129dc7cfaba2bc3d5ba2e16063bb561fc6d78e63eee16162bc70029069"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "3.0.8"
|
||||||
|
vector_math:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: vector_math
|
||||||
|
sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.1.4"
|
||||||
|
web:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: web
|
||||||
|
sha256: dc8ccd225a2005c1be616fe02951e2e342092edf968cf0844220383757ef8f10
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "0.1.4-beta"
|
||||||
|
sdks:
|
||||||
|
dart: ">=3.1.2 <4.0.0"
|
||||||
|
flutter: ">=3.13.0"
|
||||||
@@ -31,11 +31,16 @@ dependencies:
|
|||||||
flutter:
|
flutter:
|
||||||
sdk: flutter
|
sdk: flutter
|
||||||
|
|
||||||
|
google_sign_in: ^6.1.5
|
||||||
|
|
||||||
|
|
||||||
# The following adds the Cupertino Icons font to your application.
|
# The following adds the Cupertino Icons font to your application.
|
||||||
# Use with the CupertinoIcons class for iOS style icons.
|
# Use with the CupertinoIcons class for iOS style icons.
|
||||||
cupertino_icons: ^1.0.2
|
cupertino_icons: ^1.0.2
|
||||||
firebase_core: ^2.16.0
|
firebase_core: ^2.16.0
|
||||||
|
url_launcher: ^6.1.14
|
||||||
|
firebase_auth: ^4.10.0
|
||||||
|
form_field_validator: ^1.1.0
|
||||||
|
|
||||||
dev_dependencies:
|
dev_dependencies:
|
||||||
flutter_test:
|
flutter_test:
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ import 'package:progetto_m335_flutter/main.dart';
|
|||||||
void main() {
|
void main() {
|
||||||
testWidgets('Counter increments smoke test', (WidgetTester tester) async {
|
testWidgets('Counter increments smoke test', (WidgetTester tester) async {
|
||||||
// Build our app and trigger a frame.
|
// Build our app and trigger a frame.
|
||||||
await tester.pumpWidget(const MyApp());
|
await tester.pumpWidget(const App());
|
||||||
|
|
||||||
// Verify that our counter starts at 0.
|
// Verify that our counter starts at 0.
|
||||||
expect(find.text('0'), findsOneWidget);
|
expect(find.text('0'), findsOneWidget);
|
||||||
|
|||||||
Reference in New Issue
Block a user