useMaterial3 در فلاتر

با فعال کردن این مورد در قسمت MaterialApp : 

برجستگی و عمق (Elevation): ایجاد احساس اعتبار و سازماندهی با استفاده از لایه‌ها و افکت‌های سایه.

انیمیشن‌های غنی: استفاده از انیمیشن‌ها برای افزایش تجربه کاربری و جلب توجه.

فونت و رنگ: استفاده از فونت‌ها و رنگ‌های خاص به منظور هماهنگی و یکپارچگی.

عناصر ارتباطی: استفاده از عناصری مانند دکمه‌ها، فرم‌ها، و اجزای دیگر با طراحی یکپارچه.

پاسخگویی: طراحی به‌گونه‌ای که به صورت بهینه روی انواع دستگاه‌ها و اندازه‌های صفحه مختلف نمایش داده شود.

متریال (Material) چیست؟

Material Design یک فلسفه و سیستم طراحی است که توسط گوگل توسعه داده شده و برای ایجاد تجربه کاربری یکنواخت، زیبا و مفهوم در اپلیکیشن‌ها و وبسایت‌ها مورد استفاده قرار می‌گیرد. این سیستم طراحی اصول، الگوها، و راهنمایی‌های کاملی را برای توسعه‌دهندگان و طراحان فراهم می‌کند تا به سرعت و با یکپارچگی بیشتر واسط‌های کاربری را ایجاد کنند.

متریال 3

نمونه کد استفاده از متریال 3 در فلاتر

import 'package:flutter/material.dart';
import 'package:tesis/home.dart';
import 'package:tesis/login.dart';
import 'package:tesis/theme/color_schemes.g.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Tesis',
      theme: ThemeData(
        useMaterial3: true,
        colorScheme: lightColorScheme,
      ),
      darkTheme: ThemeData(colorScheme: darkColorScheme),
      initialRoute: '/',
      routes: {
        '/': (context) => const LoginScreen(),
        '/second': (context) => const Home(),
      },
      // home: const LoginScreen(),
    );
  }
}