skeuomorphic_ui 1.0.0

A production-ready Flutter UI library bringing back the tactile, hyper-realistic iOS 6 / early macOS skeuomorphic design language. Features rich textures, depth, shadows, reflections, and material sur [...]

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:skeuomorphic_ui/skeuomorphic_ui.dart';
import 'screens/kitchen_sink_screen.dart';
import 'screens/audio_mixer_screen.dart';
import 'screens/notes_screen.dart';
import 'screens/settings_screen.dart';

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

class SkeuomorphicExampleApp extends StatelessWidget {
  const SkeuomorphicExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return SkeuTheme(
      data: SkeuThemeData.light(),
      child: MaterialApp(
        title: 'Skeuomorphic UI Gallery',
        debugShowCheckedModeBanner: false,
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: const Color(0xFF5B9BD5)),
          useMaterial3: true,
        ),
        home: const ExampleHomeScreen(),
      ),
    );
  }
}

class ExampleHomeScreen extends StatefulWidget {
  const ExampleHomeScreen({super.key});

  @override
  State<ExampleHomeScreen> createState() => _ExampleHomeScreenState();
}

class _ExampleHomeScreenState extends State<ExampleHomeScreen> {
  int _selectedIndex = 0;

  final _screens = const [
    KitchenSinkScreen(),
    AudioMixerScreen(),
    NotesScreen(),
    SettingsScreen(),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: SkeuColors.linen,
      body: _screens[_selectedIndex],
      bottomNavigationBar: SkeuNavigationBar(
        selectedIndex: _selectedIndex,
        onDestinationSelected: (i) => setState(() => _selectedIndex = i),
        destinations: const [
          SkeuNavigationDestination(
            icon: Icon(Icons.widgets_outlined),
            activeIcon: Icon(Icons.widgets),
            label: 'Widgets',
          ),
          SkeuNavigationDestination(
            icon: Icon(Icons.graphic_eq_outlined),
            activeIcon: Icon(Icons.graphic_eq),
            label: 'Mixer',
          ),
          SkeuNavigationDestination(
            icon: Icon(Icons.note_outlined),
            activeIcon: Icon(Icons.note),
            label: 'Notes',
          ),
          SkeuNavigationDestination(
            icon: Icon(Icons.settings_outlined),
            activeIcon: Icon(Icons.settings),
            label: 'Settings',
          ),
        ],
      ),
    );
  }
}