weoveri_flutter_widgets 0.0.7

The We Over I Flutter Widgets package is a comprehensive library of everyday-use widgets for Flutter users.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:weoveri_flutter_widgets/woi_widgets.dart';

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

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

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

class _MyAppState extends State<MyApp> with TickerProviderStateMixin {
  bool switchValue = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        useMaterial3: true,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text(
            'Widgets'.toUpperCase(),
            style: const TextStyle(
              fontWeight: FontWeight.bold,
            ),
          ),
        ),
        body:
            //----------Icon Button-------------
            Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            //----------Capsule Button-------------
            SizedBox(
              width: 250,
              child: WOITextButton(
                text: 'Submit'.toUpperCase(),
                buttonStyle: WOIButtonStyle(
                  prefixWidget: const SizedBox(
                    child: Icon(
                      Icons.link,
                      color: Colors.white,
                      size: 20,
                    ),
                  ),
                  textMargin: const EdgeInsets.only(
                    left: 8,
                  ),
                ),
                textStyle: const TextStyle(
                  fontSize: 14,
                  color: Colors.white,
                ),
              ),
            ),
            //----------Parallalogram Button-------------
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                WOIParallalogramButton(
                  text: "Parallalogram Button".toUpperCase(),
                  tiltSide: TiltSide.right,
                  buttonColor: Colors.black,
                  onPressed: () {},
                  gradient: const LinearGradient(
                    colors: [
                      Colors.black,
                      Colors.blue,
                      Colors.green,
                    ],
                  ),
                ),
              ],
            ),

            //----------Icon Button-------------
            WOIIconButton(
              size: 45,
              borderRadius: BorderRadius.circular(100),
              backgroundColor: Colors.black,
              border: Border.all(
                color: Colors.red,
                width: 3,
              ),
              child: const Icon(
                Icons.percent,
                color: Colors.white,
              ),
              onTap: () {},
            ),

            //----------Switch Button-------------//
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                WOISwitchButton(
                  value: switchValue,
                  onChanged: (bool isSelected) {
                    switchValue = isSelected;
                    setState(() {});
                  },
                ),
              ],
            ),

            //----------Radio Buttons-------------//
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                WOIRadioButton(
                  isSelected: switchValue,
                  onTap: (bool isSelected) {
                    switchValue = isSelected;
                    setState(() {});
                  },
                  border: Border.all(
                    color: Colors.green,
                    width: 2,
                  ),
                  selectedBorder: Border.all(
                    color: Colors.black,
                  ),
                  selectedFillColor: Colors.black,
                  size: 30,
                  innerPadding: const EdgeInsets.all(3),
                  duration: const Duration(
                    milliseconds: 1,
                  ),
                ),
              ],
            ),

            //----------CheckBox-------------//
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                WOICheckBox(
                  isChecked: switchValue,
                  onTap: (bool isSelected) {
                    switchValue = isSelected;
                    setState(() {});
                  },
                ),
              ],
            ),

            //----------Text Field-------------//
            const Padding(
              padding: EdgeInsets.all(20),
              child: WOITextField(
                border: OutlineInputBorder(
                  borderSide: BorderSide(
                    color: Color(0xff007EDA),
                  ),
                  borderRadius: BorderRadius.all(
                    Radius.circular(6),
                  ),
                ),
                labelText: 'Email Address',
                helperText: 'Make sure it is valid',
                hintText: 'Placeholder Text',
                prefixIcon: Icon(
                  Icons.email_outlined,
                  color: Color(0xff007EDA),
                ),
                hintTextStyle: TextStyle(
                  color: Color(0xffB6A8A8),
                  fontSize: 18,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}