PotatoPieGames/PotatoMessenger
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add main menu interface

Browse Source 
- MainMenu
 - ChatItem (Widget)
 - ChatFolder (Widget)
 - ChatFolders (Widget)
 - ColorTheme
This commit is contained in:
fegor101
2026-04-10 12:43:08 +03:00
parent 28f4e6b0ef
commit 210b59f8ed
11 changed files with 632 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/.metadata
View File

@@ -15,24 +15,9 @@ migration:
- platform: root
create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
- platform: android
create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
- platform: ios
create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
- platform: linux
create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
- platform: macos
create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
- platform: web
create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
- platform: windows
create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
# User provided section

25
client/.vscode/launch.json vendored Normal file
View File

@@ -0,0 +1,25 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "client",
"request": "launch",
"type": "dart"
},
{
"name": "client (profile mode)",
"request": "launch",
"type": "dart",
"flutterMode": "profile"
},
{
"name": "client (release mode)",
"request": "launch",
"type": "dart",
"flutterMode": "release"
}
]
}

116
client/lib/main.dart
View File

@@ -1,9 +1,14 @@
import 'package:flutter/material.dart';
import 'package:client/screens/mainMenu.dart';
import 'package:client/theme.dart';
Widget currentScreen = MainMenu();
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@@ -12,111 +17,16 @@ class MyApp extends StatelessWidget {
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
themeMode: ThemeMode.system,
theme: ThemeData(
// This is the theme of your application.
//
// TRY THIS: Try running your application with "flutter run". You'll see
// the application has a purple toolbar. Then, without quitting the app,
// try changing the seedColor in the colorScheme below to Colors.green
// and then invoke "hot reload" (save your changes or press the "hot
// reload" button in a Flutter-supported IDE, or press "r" if you used
// the command line to start the app).
//
// Notice that the counter didn't reset back to zero; the application
// state is not lost during the reload. To reset the state, use hot
// restart instead.
//
// This works for code too, not just values: Most code changes can be
// tested with just a hot reload.
colorScheme: .fromSeed(seedColor: Colors.deepPurple),
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
// This widget is the home page of your application. It is stateful, meaning
// that it has a State object (defined below) that contains fields that affect
// how it looks.
// This class is the configuration for the state. It holds the values (in this
// case the title) provided by the parent (in this case the App widget) and
// used by the build method of the State. Fields in a Widget subclass are
// always marked "final".
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
void _incrementCounter() {
setState(() {
// This call to setState tells the Flutter framework that something has
// changed in this State, which causes it to rerun the build method below
// so that the display can reflect the updated values. If we changed
// _counter without calling setState(), then the build method would not be
// called again, and so nothing would appear to happen.
_counter++;
});
}
@override
Widget build(BuildContext context) {
// This method is rerun every time setState is called, for instance as done
// by the _incrementCounter method above.
//
// The Flutter framework has been optimized to make rerunning build methods
// fast, so that you can just rebuild anything that needs updating rather
// than having to individually change instances of widgets.
return Scaffold(
appBar: AppBar(
// TRY THIS: Try changing the color here to a specific color (to
// Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
// change color while the other colors stay the same.
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
// Here we take the value from the MyHomePage object that was created by
// the App.build method, and use it to set our appbar title.
title: Text(widget.title),
),
body: Center(
// Center is a layout widget. It takes a single child and positions it
// in the middle of the parent.
child: Column(
// Column is also a layout widget. It takes a list of children and
// arranges them vertically. By default, it sizes itself to fit its
// children horizontally, and tries to be as tall as its parent.
//
// Column has various properties to control how it sizes itself and
// how it positions its children. Here we use mainAxisAlignment to
// center the children vertically; the main axis here is the vertical
// axis because Columns are vertical (the cross axis would be
// horizontal).
//
// TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
// action in the IDE, or press "p" in the console), to see the
// wireframe for each widget.
mainAxisAlignment: .center,
children: [
const Text('You have pushed the button this many times:'),
Text(
'$_counter',
style: Theme.of(context).textTheme.headlineMedium,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: const Icon(Icons.add),
useMaterial3: true,
colorScheme: MaterialTheme.lightScheme()
),
darkTheme: ThemeData(
useMaterial3: true,
colorScheme: MaterialTheme.darkScheme()
),
home: currentScreen
);
}
}

59
client/lib/screens/mainMenu.dart Normal file
View File

@@ -0,0 +1,59 @@
import 'package:client/widgets/chatFoloders.dart';
import 'package:client/widgets/chatItem.dart';
import 'package:flutter/material.dart';
class MainMenu extends StatelessWidget{
const MainMenu({Key ?key});
@override
Widget build(BuildContext context) {
final colors = Theme.of(context).colorScheme;
return Scaffold(
backgroundColor: colors.surface,
appBar: AppBar(
backgroundColor: colors.surfaceBright,
leading: IconButton(onPressed: () => print("Side menu"), icon: Icon(Icons.dehaze)),
title: Text("Potato messenger"),
actions: [
IconButton(onPressed: () => print('New'), icon: Icon(Icons.add)),
IconButton(onPressed:() => print("Search"), icon: Icon(Icons.search)),
],
),
body: Column(
children: [
ChatFoloders(),
Expanded(
child: SingleChildScrollView(
scrollDirection: Axis.vertical,
child: Column(
children: [
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
ChatItem(),
]
),
),
)
],
),
);
}
}

432
client/lib/theme.dart Normal file
View File

@@ -0,0 +1,432 @@
import "package:flutter/material.dart";
class MaterialTheme {
final TextTheme textTheme;
const MaterialTheme(this.textTheme);
static ColorScheme lightScheme() {
return const ColorScheme(
brightness: Brightness.light,
primary: Color(0xff705289),
surfaceTint: Color(0xff705289),
onPrimary: Color(0xffffffff),
primaryContainer: Color(0xfff1daff),
onPrimaryContainer: Color(0xff573a70),
secondary: Color(0xff665a6f),
onSecondary: Color(0xffffffff),
secondaryContainer: Color(0xffeeddf6),
onSecondaryContainer: Color(0xff4e4256),
tertiary: Color(0xff805156),
onTertiary: Color(0xffffffff),
tertiaryContainer: Color(0xffffdadc),
onTertiaryContainer: Color(0xff663a3f),
error: Color(0xffba1a1a),
onError: Color(0xffffffff),
errorContainer: Color(0xffffdad6),
onErrorContainer: Color(0xff93000a),
surface: Color(0xfffff7fd),
onSurface: Color(0xff1e1a20),
onSurfaceVariant: Color(0xff4b454d),
outline: Color(0xff7c757e),
outlineVariant: Color(0xffcdc4ce),
shadow: Color(0xff000000),
scrim: Color(0xff000000),
inverseSurface: Color(0xff332f35),
inversePrimary: Color(0xffddb9f8),
primaryFixed: Color(0xfff1daff),
onPrimaryFixed: Color(0xff290c41),
primaryFixedDim: Color(0xffddb9f8),
onPrimaryFixedVariant: Color(0xff573a70),
secondaryFixed: Color(0xffeeddf6),
onSecondaryFixed: Color(0xff211829),
secondaryFixedDim: Color(0xffd1c1d9),
onSecondaryFixedVariant: Color(0xff4e4256),
tertiaryFixed: Color(0xffffdadc),
onTertiaryFixed: Color(0xff321015),
tertiaryFixedDim: Color(0xfff3b7bc),
onTertiaryFixedVariant: Color(0xff663a3f),
surfaceDim: Color(0xffe0d8df),
surfaceBright: Color(0xfffff7fd),
surfaceContainerLowest: Color(0xffffffff),
surfaceContainerLow: Color(0xfffaf1f9),
surfaceContainer: Color(0xfff4ebf3),
surfaceContainerHigh: Color(0xffeee6ed),
surfaceContainerHighest: Color(0xffe8e0e8),
);
}
ThemeData light() {
return theme(lightScheme());
}
static ColorScheme lightMediumContrastScheme() {
return const ColorScheme(
brightness: Brightness.light,
primary: Color(0xff46295e),
surfaceTint: Color(0xff705289),
onPrimary: Color(0xffffffff),
primaryContainer: Color(0xff7f6099),
onPrimaryContainer: Color(0xffffffff),
secondary: Color(0xff3d3245),
onSecondary: Color(0xffffffff),
secondaryContainer: Color(0xff75687e),
onSecondaryContainer: Color(0xffffffff),
tertiary: Color(0xff522a2f),
onTertiary: Color(0xffffffff),
tertiaryContainer: Color(0xff916064),
onTertiaryContainer: Color(0xffffffff),
error: Color(0xff740006),
onError: Color(0xffffffff),
errorContainer: Color(0xffcf2c27),
onErrorContainer: Color(0xffffffff),
surface: Color(0xfffff7fd),
onSurface: Color(0xff131015),
onSurfaceVariant: Color(0xff3a343d),
outline: Color(0xff575059),
outlineVariant: Color(0xff726b74),
shadow: Color(0xff000000),
scrim: Color(0xff000000),
inverseSurface: Color(0xff332f35),
inversePrimary: Color(0xffddb9f8),
primaryFixed: Color(0xff7f6099),
onPrimaryFixed: Color(0xffffffff),
primaryFixedDim: Color(0xff66487f),
onPrimaryFixedVariant: Color(0xffffffff),
secondaryFixed: Color(0xff75687e),
onSecondaryFixed: Color(0xffffffff),
secondaryFixedDim: Color(0xff5c5065),
onSecondaryFixedVariant: Color(0xffffffff),
tertiaryFixed: Color(0xff916064),
onTertiaryFixed: Color(0xffffffff),
tertiaryFixedDim: Color(0xff76484d),
onTertiaryFixedVariant: Color(0xffffffff),
surfaceDim: Color(0xffccc4cc),
surfaceBright: Color(0xfffff7fd),
surfaceContainerLowest: Color(0xffffffff),
surfaceContainerLow: Color(0xfffaf1f9),
surfaceContainer: Color(0xffeee6ed),
surfaceContainerHigh: Color(0xffe2dae2),
surfaceContainerHighest: Color(0xffd7cfd7),
);
}
ThemeData lightMediumContrast() {
return theme(lightMediumContrastScheme());
}
static ColorScheme lightHighContrastScheme() {
return const ColorScheme(
brightness: Brightness.light,
primary: Color(0xff3b1f53),
surfaceTint: Color(0xff705289),
onPrimary: Color(0xffffffff),
primaryContainer: Color(0xff5a3d72),
onPrimaryContainer: Color(0xffffffff),
secondary: Color(0xff32283a),
onSecondary: Color(0xffffffff),
secondaryContainer: Color(0xff504559),
onSecondaryContainer: Color(0xffffffff),
tertiary: Color(0xff462125),
onTertiary: Color(0xffffffff),
tertiaryContainer: Color(0xff683d41),
onTertiaryContainer: Color(0xffffffff),
error: Color(0xff600004),
onError: Color(0xffffffff),
errorContainer: Color(0xff98000a),
onErrorContainer: Color(0xffffffff),
surface: Color(0xfffff7fd),
onSurface: Color(0xff000000),
onSurfaceVariant: Color(0xff000000),
outline: Color(0xff2f2a32),
outlineVariant: Color(0xff4d4750),
shadow: Color(0xff000000),
scrim: Color(0xff000000),
inverseSurface: Color(0xff332f35),
inversePrimary: Color(0xffddb9f8),
primaryFixed: Color(0xff5a3d72),
onPrimaryFixed: Color(0xffffffff),
primaryFixedDim: Color(0xff42265a),
onPrimaryFixedVariant: Color(0xffffffff),
secondaryFixed: Color(0xff504559),
onSecondaryFixed: Color(0xffffffff),
secondaryFixedDim: Color(0xff392f41),
onSecondaryFixedVariant: Color(0xffffffff),
tertiaryFixed: Color(0xff683d41),
onTertiaryFixed: Color(0xffffffff),
tertiaryFixedDim: Color(0xff4e272c),
onTertiaryFixedVariant: Color(0xffffffff),
surfaceDim: Color(0xffbeb6be),
surfaceBright: Color(0xfffff7fd),
surfaceContainerLowest: Color(0xffffffff),
surfaceContainerLow: Color(0xfff7eef6),
surfaceContainer: Color(0xffe8e0e8),
surfaceContainerHigh: Color(0xffdad2da),
surfaceContainerHighest: Color(0xffccc4cc),
);
}
ThemeData lightHighContrast() {
return theme(lightHighContrastScheme());
}
static ColorScheme darkScheme() {
return const ColorScheme(
brightness: Brightness.dark,
primary: Color(0xffddb9f8),
surfaceTint: Color(0xffddb9f8),
onPrimary: Color(0xff3f2358),
primaryContainer: Color(0xff573a70),
onPrimaryContainer: Color(0xfff1daff),
secondary: Color(0xffd1c1d9),
onSecondary: Color(0xff372c3f),
secondaryContainer: Color(0xff4e4256),
onSecondaryContainer: Color(0xffeeddf6),
tertiary: Color(0xfff3b7bc),
onTertiary: Color(0xff4c2529),
tertiaryContainer: Color(0xff663a3f),
onTertiaryContainer: Color(0xffffdadc),
error: Color(0xffffb4ab),
onError: Color(0xff690005),
errorContainer: Color(0xff93000a),
onErrorContainer: Color(0xffffdad6),
surface: Color(0xff151217),
onSurface: Color(0xffe8e0e8),
onSurfaceVariant: Color(0xffcdc4ce),
outline: Color(0xff968e98),
outlineVariant: Color(0xff4b454d),
shadow: Color(0xff000000),
scrim: Color(0xff000000),
inverseSurface: Color(0xffe8e0e8),
inversePrimary: Color(0xff705289),
primaryFixed: Color(0xfff1daff),
onPrimaryFixed: Color(0xff290c41),
primaryFixedDim: Color(0xffddb9f8),
onPrimaryFixedVariant: Color(0xff573a70),
secondaryFixed: Color(0xffeeddf6),
onSecondaryFixed: Color(0xff211829),
secondaryFixedDim: Color(0xffd1c1d9),
onSecondaryFixedVariant: Color(0xff4e4256),
tertiaryFixed: Color(0xffffdadc),
onTertiaryFixed: Color(0xff321015),
tertiaryFixedDim: Color(0xfff3b7bc),
onTertiaryFixedVariant: Color(0xff663a3f),
surfaceDim: Color(0xff151217),
surfaceBright: Color(0xff3c383e),
surfaceContainerLowest: Color(0xff100d12),
surfaceContainerLow: Color(0xff1e1a20),
surfaceContainer: Color(0xff221e24),
surfaceContainerHigh: Color(0xff2c292e),
surfaceContainerHighest: Color(0xff373339),
);
}
ThemeData dark() {
return theme(darkScheme());
}
static ColorScheme darkMediumContrastScheme() {
return const ColorScheme(
brightness: Brightness.dark,
primary: Color(0xffedd3ff),
surfaceTint: Color(0xffddb9f8),
onPrimary: Color(0xff34184c),
primaryContainer: Color(0xffa584bf),
onPrimaryContainer: Color(0xff000000),
secondary: Color(0xffe7d7ef),
onSecondary: Color(0xff2c2234),
secondaryContainer: Color(0xff9a8ca2),
onSecondaryContainer: Color(0xff000000),
tertiary: Color(0xffffd1d4),
onTertiary: Color(0xff3f1a1f),
tertiaryContainer: Color(0xffb98387),
onTertiaryContainer: Color(0xff000000),
error: Color(0xffffd2cc),
onError: Color(0xff540003),
errorContainer: Color(0xffff5449),
onErrorContainer: Color(0xff000000),
surface: Color(0xff151217),
onSurface: Color(0xffffffff),
onSurfaceVariant: Color(0xffe3d9e4),
outline: Color(0xffb8afba),
outlineVariant: Color(0xff968e98),
shadow: Color(0xff000000),
scrim: Color(0xff000000),
inverseSurface: Color(0xffe8e0e8),
inversePrimary: Color(0xff583b71),
primaryFixed: Color(0xfff1daff),
onPrimaryFixed: Color(0xff1e0136),
primaryFixedDim: Color(0xffddb9f8),
onPrimaryFixedVariant: Color(0xff46295e),
secondaryFixed: Color(0xffeeddf6),
onSecondaryFixed: Color(0xff160d1e),
secondaryFixedDim: Color(0xffd1c1d9),
onSecondaryFixedVariant: Color(0xff3d3245),
tertiaryFixed: Color(0xffffdadc),
onTertiaryFixed: Color(0xff25060b),
tertiaryFixedDim: Color(0xfff3b7bc),
onTertiaryFixedVariant: Color(0xff522a2f),
surfaceDim: Color(0xff151217),
surfaceBright: Color(0xff474349),
surfaceContainerLowest: Color(0xff09060b),
surfaceContainerLow: Color(0xff201c22),
surfaceContainer: Color(0xff2a262c),
surfaceContainerHigh: Color(0xff353137),
surfaceContainerHighest: Color(0xff413c42),
);
}
ThemeData darkMediumContrast() {
return theme(darkMediumContrastScheme());
}
static ColorScheme darkHighContrastScheme() {
return const ColorScheme(
brightness: Brightness.dark,
primary: Color(0xfffaebff),
surfaceTint: Color(0xffddb9f8),
onPrimary: Color(0xff000000),
primaryContainer: Color(0xffd9b5f4),
onPrimaryContainer: Color(0xff16002a),
secondary: Color(0xfffaebff),
onSecondary: Color(0xff000000),
secondaryContainer: Color(0xffcdbdd5),
onSecondaryContainer: Color(0xff100718),
tertiary: Color(0xffffebec),
onTertiary: Color(0xff000000),
tertiaryContainer: Color(0xffefb3b8),
onTertiaryContainer: Color(0xff1e0306),
error: Color(0xffffece9),
onError: Color(0xff000000),
errorContainer: Color(0xffffaea4),
onErrorContainer: Color(0xff220001),
surface: Color(0xff151217),
onSurface: Color(0xffffffff),
onSurfaceVariant: Color(0xffffffff),
outline: Color(0xfff7edf8),
outlineVariant: Color(0xffc9c0ca),
shadow: Color(0xff000000),
scrim: Color(0xff000000),
inverseSurface: Color(0xffe8e0e8),
inversePrimary: Color(0xff583b71),
primaryFixed: Color(0xfff1daff),
onPrimaryFixed: Color(0xff000000),
primaryFixedDim: Color(0xffddb9f8),
onPrimaryFixedVariant: Color(0xff1e0136),
secondaryFixed: Color(0xffeeddf6),
onSecondaryFixed: Color(0xff000000),
secondaryFixedDim: Color(0xffd1c1d9),
onSecondaryFixedVariant: Color(0xff160d1e),
tertiaryFixed: Color(0xffffdadc),
onTertiaryFixed: Color(0xff000000),
tertiaryFixedDim: Color(0xfff3b7bc),
onTertiaryFixedVariant: Color(0xff25060b),
surfaceDim: Color(0xff151217),
surfaceBright: Color(0xff534e55),
surfaceContainerLowest: Color(0xff000000),
surfaceContainerLow: Color(0xff221e24),
surfaceContainer: Color(0xff332f35),
surfaceContainerHigh: Color(0xff3e3a40),
surfaceContainerHighest: Color(0xff4a454b),
);
}
ThemeData darkHighContrast() {
return theme(darkHighContrastScheme());
}
ThemeData theme(ColorScheme colorScheme) => ThemeData(
useMaterial3: true,
brightness: colorScheme.brightness,
colorScheme: colorScheme,
textTheme: textTheme.apply(
bodyColor: colorScheme.onSurface,
displayColor: colorScheme.onSurface,
),
scaffoldBackgroundColor: colorScheme.background,
canvasColor: colorScheme.surface,
);
/// Confirm
static const confirm = ExtendedColor(
seed: Color(0xff5c7914),
value: Color(0xff5c7914),
light: ColorFamily(
color: Color(0xff526526),
onColor: Color(0xffffffff),
colorContainer: Color(0xffd4ec9d),
onColorContainer: Color(0xff3b4d10),
),
lightMediumContrast: ColorFamily(
color: Color(0xff526526),
onColor: Color(0xffffffff),
colorContainer: Color(0xffd4ec9d),
onColorContainer: Color(0xff3b4d10),
),
lightHighContrast: ColorFamily(
color: Color(0xff526526),
onColor: Color(0xffffffff),
colorContainer: Color(0xffd4ec9d),
onColorContainer: Color(0xff3b4d10),
),
dark: ColorFamily(
color: Color(0xffb8cf84),
onColor: Color(0xff263500),
colorContainer: Color(0xff3b4d10),
onColorContainer: Color(0xffd4ec9d),
),
darkMediumContrast: ColorFamily(
color: Color(0xffb8cf84),
onColor: Color(0xff263500),
colorContainer: Color(0xff3b4d10),
onColorContainer: Color(0xffd4ec9d),
),
darkHighContrast: ColorFamily(
color: Color(0xffb8cf84),
onColor: Color(0xff263500),
colorContainer: Color(0xff3b4d10),
onColorContainer: Color(0xffd4ec9d),
),
);
List<ExtendedColor> get extendedColors => [
confirm,
];
}
class ExtendedColor {
final Color seed, value;
final ColorFamily light;
final ColorFamily lightHighContrast;
final ColorFamily lightMediumContrast;
final ColorFamily dark;
final ColorFamily darkHighContrast;
final ColorFamily darkMediumContrast;
const ExtendedColor({
required this.seed,
required this.value,
required this.light,
required this.lightHighContrast,
required this.lightMediumContrast,
required this.dark,
required this.darkHighContrast,
required this.darkMediumContrast,
});
}
class ColorFamily {
const ColorFamily({
required this.color,
required this.onColor,
required this.colorContainer,
required this.onColorContainer,
});
final Color color;
final Color onColor;
final Color colorContainer;
final Color onColorContainer;
}

32
client/lib/widgets/chatFoloder.dart Normal file
View File

@@ -0,0 +1,32 @@
import 'dart:io';
import 'package:flutter/material.dart';
class ChatFolder extends StatelessWidget{
Icon ?icon;
Icon iconn = Icon(Icons.folder, size: 50,);
String name;
ChatFolder({super.key, this.icon, required this.name}){
icon ??= Icon(Icons.folder);
iconn = Icon(icon?.icon, size: 50,);
}
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.fromLTRB(5, 2, 5, 2),
child: TextButton(
onPressed: () => print(name),
style: ButtonStyle(foregroundColor: WidgetStatePropertyAll(Theme.of(context).colorScheme.onSurface)),
child:
Row(
children: [
?icon,
SizedBox(width: 2,),
Text(name, style: TextStyle(fontSize: 18),)
],
),
)
);
}
}

25
client/lib/widgets/chatFoloders.dart Normal file
View File

@@ -0,0 +1,25 @@
import 'package:client/widgets/chatFoloder.dart';
import 'package:flutter/material.dart';
class ChatFoloders extends StatelessWidget{
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
children: [
ChatFolder(name: 'Все чаты', icon: Icon(Icons.chat),),
ChatFolder(name: 'Контакты', icon: Icon(Icons.person),),
ChatFolder(name: 'Групы', icon: Icon(Icons.group),),
ChatFolder(name: 'Папка 1'),
ChatFolder(name: 'Папка 2'),
ChatFolder(name: 'Папка 3'),
ChatFolder(name: 'Папка 4'),
ChatFolder(name: 'Папка 5'),
ChatFolder(name: 'Папка 6'),
ChatFolder(name: 'Папка 7'),
],
),
);
}
}

33
client/lib/widgets/chatItem.dart Normal file
View File

@@ -0,0 +1,33 @@
import 'dart:io';
import 'package:flutter/material.dart';
class ChatItem extends StatelessWidget{
ChatItem({super.key, });
@override
Widget build(BuildContext context) {
return SizedBox(
width: double.infinity,
height: 80,
child: TextButton(
onPressed: () => print('CHAT'),
style: ButtonStyle(
backgroundColor: WidgetStatePropertyAll(Theme.of(context).colorScheme.onSecondary),
shape: WidgetStatePropertyAll(RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.zero)))
),
child: Padding(
padding: EdgeInsetsGeometry.all(5),
child: Row(
children: [
Icon(Icons.person, size: 60,),
SizedBox(width: 10,),
Text('Название', style: TextStyle(fontSize: 18),)
],
)
)
),
);
}
}

2
client/pubspec.yaml
View File

@@ -30,7 +30,7 @@ environment:
dependencies:
flutter:
sdk: flutter
potato_messenger_shared:
shared:
path: ../shared
# The following adds the Cupertino Icons font to your application.

10
potato_messenger.code-workspace Normal file
View File

@@ -0,0 +1,10 @@
{
"folders": [
{ "path": "client" },
{ "path": "server" },
{ "path": "shared" }
],
"settings": {
"dart.enableSdkFormatter": true
}
}