widgets_functions 1.1.6

Custom Widgets and Functions, Widgets and Function easy to access, simpliflied and no longer code.

example/lib/main.dart

import 'dart:developer';
import 'package:flutter/material.dart';
import 'package:widgets_functions/dropdown/wf_dropdown.dart';
import 'package:widgets_functions/dropdown/wf_dropdown_item.dart';
import 'package:widgets_functions/text_field/wf_text_field.dart';
import 'package:widgets_functions_example/model/user.dart';

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

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<WFDropdownItem> _itemList = [];
  String _singleSelectedId = "";
  final List<String> _mutiSelectedIds = [];

  @override
  void initState() {
    super.initState();
    _generateItems();
  }

  _generateItems() {
    List<WFDropdownItem> list = [];
    for (int i = 1; i <= 20; i++) {
      list.add(WFDropdownItem(
          id: "$i",
          value: "Item $i",
          data: User(userId: "$i", userName: "User $i")));
    }
    setState(() {
      _itemList = list;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
          appBar: AppBar(title: const Text('widgets_functions')),
          body: SafeArea(
              child: Padding(
            padding: const EdgeInsets.all(20),
            child: Column(
              children: [
                /*ElevatedButton(
                    onPressed: () {
                      Navigator.push(
                          context,
                          MaterialPageRoute(
                            builder: (context) => const TextFieldExample(),
                          ));
                    },
                    child: const Text("TextField")),
                const SizedBox(
                  height: 20,
                ),
                ElevatedButton(
                    onPressed: () {
                      Navigator.push(
                          context,
                          MaterialPageRoute(
                            builder: (context) => const DropdownExample(),
                          ));
                    },
                    child: const Text("Dropdown")),*/
                const WFTextField(labelText: "Value", hintText: "Value"),
                const SizedBox(
                  height: 20,
                ),
                WFDropdown.singleSelection(
                    title: "Single Selection Dropdown",
                    labelText: "Single",
                    hintText: "Single Selection",
                    list: _itemList,
                    selectedId: _singleSelectedId,
                    onSingleItemListener: (selectedItem) {
                      setState(() {
                        _singleSelectedId = selectedItem.id;
                      });
                      String itemId = selectedItem.id;
                      String itemName = selectedItem.value;
                      User user = selectedItem.data;
                      log("Item Id: $itemId -- Item Name: $itemName ## Other Details ## User Id: ${user.userId} -- User Name: ${user.userName}");
                    }),
                const SizedBox(
                  height: 20,
                ),
                WFDropdown.multiSelection(
                    title: "Multi Selection Dropdown",
                    labelText: "Multi",
                    hintText: "Multi Selection",
                    list: _itemList,
                    selectedIds: _mutiSelectedIds,
                    allSelection: true,
                    onMultipleItemListener: (selectedItemList) {
                      for (WFDropdownItem selectedItem in selectedItemList) {
                        String itemId = selectedItem.id;
                        String itemName = selectedItem.value;
                        User user = selectedItem.data;
                        log("Item Id: $itemId -- Item Name: $itemName ## Other Details ## User Id: ${user.userId} -- User Name: ${user.userName}");
                      }
                    })
              ],
            ),
          ))),
    );
  }
}