sit_utils 1.0.4

A versatile Flutter package that provides highly customizable widgets, including a powerful dropdown widget with features like search on list data, network search, and multi-selection. Now with added [...]

example/lib/main.dart

import 'package:sit_utils_example/Pincodefiled.dart';
import 'package:sit_utils_example/Searchplace.dart';
import 'package:sit_utils_example/Sit_audio_waveflow.dart';
import 'package:sit_utils_example/Slidable.dart';
import 'package:sit_utils_example/TextstyleSet.dart';
import 'package:sit_utils_example/sit_shimmermain.dart';
import 'package:sit_utils_example/widgets/controller_validation_dropdown.dart';
import 'package:sit_utils_example/widgets/multi_select_controller_dropdown.dart';
import 'package:sit_utils_example/widgets/decorated_dropdown.dart';
import 'package:sit_utils_example/widgets/multi_select_dropdown.dart';
import 'package:sit_utils_example/widgets/search_dropdown.dart';
import 'package:sit_utils_example/widgets/search_request_dropdown.dart';
import 'package:sit_utils_example/widgets/simple_dropdown.dart';
import 'package:sit_utils_example/widgets/validation_dropdown.dart';
import 'package:flutter/material.dart';

import 'Rating.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'SIT Utils',
      home: const Startpage(),
      theme: ThemeData(
        brightness: Brightness.light,
        colorScheme: ColorScheme.fromSeed(
          brightness: Brightness.light,
          seedColor: Colors.blue,
          background: Colors.grey[200],
        ),
      ),
    );
  }
}

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

  @override
  State<Startpage> createState() => _StartpageState();
}

class _StartpageState extends State<Startpage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
          backgroundColor: Colors.blueGrey,
          title: const Text(
            'SIT UTILS',
            style: TextStyle(color: Colors.white),
          )),
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: ListView(
          children: [
            ElevatedButton(
                onPressed: () {
                  Navigator.of(context)
                      .push(MaterialPageRoute(builder: (context) => Home()));
                },
                child: Text("Dropdown Example")),
            SizedBox(height: 40),
            ElevatedButton(
                onPressed: () {
                  Navigator.of(context).push(
                      MaterialPageRoute(builder: (context) => Searchplace()));
                },
                child: Text("Google search place Example")),
            SizedBox(height: 40),
            ElevatedButton(
                onPressed: () {
                  Navigator.of(context)
                      .push(MaterialPageRoute(builder: (context) => Rating()));
                },
                child: Text("Rating")),
            SizedBox(height: 40),
            ElevatedButton(
                onPressed: () {
                  Navigator.of(context).push(
                      MaterialPageRoute(builder: (context) => Slidablemain()));
                },
                child: Text("Slidable")),
            SizedBox(height: 40),
            ElevatedButton(
                onPressed: () {
                  Navigator.of(context).push(
                      MaterialPageRoute(builder: (context) => Pincodefiled()));
                },
                child: Text("Pin code field")),
            SizedBox(height: 40),
            ElevatedButton(
                onPressed: () {
                  Navigator.of(context).push(MaterialPageRoute(
                      builder: (context) => Sit_audio_waveflow()));
                },
                child: Text("Sit Audio Waveflow")),
            SizedBox(height: 40),
            ElevatedButton(
                onPressed: () {
                  Navigator.of(context).push(
                      MaterialPageRoute(builder: (context) => ShimmerMain()));
                },
                child: Text("Sit Shimmer")),
            SizedBox(height: 40),
            ElevatedButton(
                onPressed: () {
                  Navigator.of(context).push(
                      MaterialPageRoute(builder: (context) => TextstyleSet()));
                },
                child: Text("Textstyle Set")),
          ],
        ),
      ),
    );
  }
}

class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 2,
      child: Scaffold(
          backgroundColor: Theme.of(context).colorScheme.background,
          appBar: AppBar(
            backgroundColor: Colors.blueGrey,
            title: const Text(
              'SIT Dropdown Example',
              style: TextStyle(color: Colors.white),
            ),
            // bottom: const TabBar(
            //   labelColor: Colors.white,
            //   unselectedLabelColor: Colors.white70,
            //   labelStyle: TextStyle(fontSize: 18),
            //   unselectedLabelStyle: TextStyle(fontSize: 18),
            //   padding: EdgeInsets.all(2),
            //   tabs: [
            //     Padding(
            //       padding: EdgeInsets.only(bottom: 8.0),
            //       child: Text(
            //         'Single selection',
            //       ),
            //     ),
            //     Padding(
            //       padding: EdgeInsets.only(bottom: 8.0),
            //       child: Text('Multi selection'),
            //     ),
            //   ],
            // ),
          ),
          body: ListView(padding: const EdgeInsets.all(16.0), children: [
            Padding(
              padding: EdgeInsets.only(bottom: 8.0),
              child: Text(
                'Single Selection :-',
                style: TextStyle(
                    color: Colors.red,
                    fontWeight: FontWeight.bold,
                    fontSize: 20),
              ),
            ),
            const SizedBox(height: 20),
            const SimpleDropdown(),
            const SizedBox(height: 16),
            const SearchDropdown(),
            const SizedBox(height: 16),
            const SearchRequestDropdown(),
            const SizedBox(height: 16),
            const DecoratedDropdown(),
            const SizedBox(height: 16),
            ValidationDropdown(),
            const SizedBox(height: 16),
            const ControllerValidationDropdown(),
            const SizedBox(height: 20),
            Padding(
              padding: EdgeInsets.only(bottom: 8.0),
              child: Text('Multi Selection :-',
                  style: TextStyle(
                      color: Colors.red,
                      fontWeight: FontWeight.bold,
                      fontSize: 20)),
            ),
            const SizedBox(height: 20),
            const MultiSelectDropdown(),
            const SizedBox(height: 16),
            const MultiSelectSearchDropdown(),
            const SizedBox(height: 16),
            const MultiSelectSearchRequestDropdown(),
            const SizedBox(height: 16),
            const MultiSelectDecoratedDropdown(),
            const SizedBox(height: 16),
            MultiSelectValidationDropdown(),
            const SizedBox(height: 16),
            const MultiSelectControllerDropdown()
          ])),
    );
  }
}