social_design_system 0.0.11 social_design_system: ^0.0.11 copied to clipboard
Elegant UI/UX design library crafted specifically for building social like applications
import 'package:example/screens/badge/badge.screen.dart';
import 'package:example/screens/buttons/buttons.screen.dart';
import 'package:example/screens/color_scheme/color_scheme.screen.dart';
import 'package:example/screens/demo/comic.screen.demo.dart';
import 'package:example/screens/demo/sleek.screen.demo.dart';
import 'package:example/screens/floating_action_button/floating_action_button.screen.dart';
import 'package:example/screens/icon_buttons/icon_buttons.screen.dart';
import 'package:example/screens/list_tile/list_tile.screen.dart';
import 'package:example/screens/entry/basic_carousel_entry.screen.dart';
import 'package:example/screens/entry/round_carousel_entry.screen.dart';
import 'package:example/screens/entry/wave_carousel_entry.screen.dart';
import 'package:example/screens/progress_indicator/progress_indicator.screen.dart';
import 'package:example/screens/segmented_button/segmented_button.dart';
import 'package:example/screens/sleep_walker/sleep_walker.screen.dart';
import 'package:example/screens/snackbar/comic.snackbar.screen.dart';
import 'package:example/screens/snackbar/snackbars.screen.dart';
import 'package:example/screens/text_field/text_field.screen.dart';
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
useMaterial3: true,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: ListView(
children: <Widget>[
ElevatedButton(
onPressed: () {}, child: const Text("light & dark mode")),
pushScreen('TextFields', const TextFieldScreen()),
pushScreen('Buttons', const ButtonsScreen()),
//
ElevatedButton(onPressed: () {}, child: const Text("TextFormField")),
pushScreen(
'Floating Action Button', const FloatingActionButtonScreen()),
pushScreen('IconButton', const IconButtonScreen()),
pushScreen('Segmented Button', const SegmentedButtonScreen()),
pushScreen('Badge', const BadgeScreen()),
pushScreen('Progress Indicator', const ProgressIndicatorScreen()),
pushScreen('SnackBar', const SnackBarScreen()),
ElevatedButton(onPressed: () {}, child: const Text("AlertDialog")),
ElevatedButton(onPressed: () {}, child: const Text("BottomSheet")),
ElevatedButton(onPressed: () {}, child: const Text("Card")),
ElevatedButton(onPressed: () {}, child: const Text("Divider")),
pushScreen('ListTile', const ListTileScreen()),
ElevatedButton(onPressed: () {}, child: const Text("AppBar")),
ElevatedButton(onPressed: () {}, child: const Text("Bottom App Bar")),
ElevatedButton(onPressed: () {}, child: const Text("NavigationBar")),
ElevatedButton(
onPressed: () {}, child: const Text("NavigationDrawer")),
ElevatedButton(onPressed: () {}, child: const Text("NavigationRail")),
ElevatedButton(onPressed: () {}, child: const Text("TabBar")),
ElevatedButton(onPressed: () {}, child: const Text("Checkbox")),
ElevatedButton(onPressed: () {}, child: const Text("Chip")),
pushScreen('Sleep Walker', const SleepWalkerScreen()),
pushScreen('Basic Carousel Entry', const BasicCarouselEntryScreen()),
pushScreen('Wave Carousel Entry', const WaveCarouselEntryScreen()),
pushScreen('Round Carousel Entry', const RoundCarouselEntryScreen()),
pushScreen('Color scheme', const ColorSchemeScreen()),
pushScreen('Comic Theme Demo', const ComicScreenDemo()),
pushScreen('Sleek Theme Demo', const SleekScreenDemo())
],
),
);
}
pushScreen(String title, Widget screen) {
return ElevatedButton(
onPressed: () => Navigator.of(context).push(
MaterialPageRoute(builder: (_) => screen),
),
child: Text(title),
);
}
}