shoshi_ui 0.0.7+1 copy "shoshi_ui: ^0.0.7+1" to clipboard
shoshi_ui: ^0.0.7+1 copied to clipboard

ShoshiUI - a modern, lightweight, and easy-to-use UI kit for Flutter, designed to speed up building beautiful interfaces in your projects. Perfect for personal projects as well as team development.

example/lib/main.dart

import 'dart:async';

import 'package:example/demo/full_pages/home_edit_demo.dart';
import 'package:example/demo/full_pages/login_demo.dart';
import 'package:example/demo/pages/alert_demo.dart';
import 'package:example/demo/pages/bottom_sheet_demo.dart';
import 'package:example/demo/pages/button_demo.dart';
import 'package:example/demo/pages/chip_demo.dart';
import 'package:example/demo/pages/input_deno.dart';
import 'package:example/demo/pages/segmented_list_demo.dart';
import 'package:example/demo/pages/selector_demo.dart';
import 'package:example/demo/pages/tag_demo.dart';
import 'package:example/demo/pages/toggle_demo.dart';
import 'package:flutter/material.dart';
import 'package:shoshi_ui/shoshi_ui.dart';

void main() {
  runZonedGuarded(() {
    runApp(const MyApp());
  }, (error, stack) => print(error));
}

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

  @override
  Widget build(BuildContext context) {
    return STheme(
      data: SThemeData(),
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple)),
        home: HomePage(),
      ),
    );
  }
}

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

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  final Map<String, Widget> pages = {
    'Button': ButtonDemo(),
    'Toggle': ToggleDemo(),
    'Input': InputDemo(),
    'Alert': AlertDemo(),
    'BottomSheet': BottomSheetDemo(),
    'Selector': SelectorDemo(),
    'SegmentedList': SegmentedListDemo(),
    'Chip': ChipDemo(),
    'Tag': TagDemo(),
    'LoginDemo': LoginDemo(),
    'Info About Home Demo': InfoAboutHomeDemo(),
  };

  @override
  Widget build(BuildContext context) {
    return SScaffold(
      appBar: SAppBar(title: 'Home'),
      body: Column(
        children: pages.entries
            .map(
              (final e) => GestureDetector(
                onTap: () => context.push(e.value),
                child: Container(
                  padding: const EdgeInsets.symmetric(vertical: SSpacings.s12),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Expanded(
                        child: Text(
                          e.key,
                          style: context.theme.textStyles.body(weight: FontWeight.w500),
                        ),
                      ),
                      Icon(Icons.chevron_right_rounded),
                    ],
                  ),
                ),
              ),
            )
            .toList(),
      ),
    );
  }
}
0
likes
125
points
252
downloads

Publisher

verified publishershoshi.tech

Weekly Downloads

ShoshiUI - a modern, lightweight, and easy-to-use UI kit for Flutter, designed to speed up building beautiful interfaces in your projects. Perfect for personal projects as well as team development.

Homepage

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

collection, flutter, flutter_svg, skeletonizer

More

Packages that depend on shoshi_ui