ready_widgets 0.0.2

Ready made widget to ease your work like inputs, buttons, etc. for Flutter.

example/lib/main.dart

import 'package:example/appbar/custom_appbar.dart';
import 'package:example/bottombar/ready_bottombar.dart';
import 'package:example/buttons/ready_buttons.dart';
import 'package:example/empty/ready_empty_widget.dart';
import 'package:example/image/ready_avatar.dart';
import 'package:example/image/ready_network_image.dart';
import 'package:example/inputs/coutries.dart';
import 'package:example/inputs/ready_inputs.dart';
import 'package:example/shimmer/ready_shimmer.dart';
import 'package:example/text/ready_read_more_text.dart';
import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    final TextEditingController controller = TextEditingController();

    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.deepPurple,
        textTheme: const TextTheme(titleMedium: TextStyle(fontSize: 20)),
        appBarTheme: AppBarTheme(
          backgroundColor: Colors.deepPurple,
          titleTextStyle: const TextStyle(color: Colors.white, fontSize: 20),
        ),
        buttonTheme: ButtonThemeData(buttonColor: Colors.deepPurple),
        elevatedButtonTheme: ElevatedButtonThemeData(
          style: ElevatedButton.styleFrom(
            backgroundColor: Colors.deepPurple,
            foregroundColor: Colors.white,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(12),
            ),
          ),
        ),
      ),
      // home: ReadyInputs(controller: controller),
      // home: ReadyButtons(),
      // home: ReadyShimmers(),
      // home: ReadyImages(),
      home: ReadyTexts(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: ReadyAppBar(titleText: "Ready Texts"),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              "Ready Read More Text",
              style: Theme.of(context).textTheme.titleMedium,
            ),
            const SizedBox(height: 12),
            ReadyReadMoreText(
              text:
                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
              maxLines: 3,
              moreLessStyle: TextStyle(
                color: Colors.blue,
                fontWeight: FontWeight.bold,
              ),
            ),
            const SizedBox(height: 16),
            ReadyReadMoreText(
              text:
                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
              maxLines: 5,

              moreLessStyle: TextStyle(
                color: Colors.purple,
                fontWeight: FontWeight.bold,
              ),
            ),
            const SizedBox(height: 16),
            ReadyReadMoreText(
              text:
                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
              maxLines: 10,

              moreLessStyle: TextStyle(
                color: Colors.deepOrange,
                fontWeight: FontWeight.bold,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: ReadyAppBar(titleText: "Ready Images"),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Text(
              "Ready Network Image",
              style: Theme.of(context).textTheme.titleMedium,
            ),
            const SizedBox(height: 12),
            ReadyNetworkImage(
              imageUrl:
                  "https://lh3.googleusercontent.com/p/AF1QipOWqs4e5X_KsU9iXWEZtKF3CDHUWRJz51RUaW6y=s1360-w1360-h1020-rw",
              width: double.infinity,
              height: 200,
            ),
            const SizedBox(height: 12),
            Text(
              "Ready Avatar",
              style: Theme.of(context).textTheme.titleMedium,
            ),
            const SizedBox(height: 12),
            ReadyAvatar(
              name: "John Doe",
              isOnline: true,
              size: 100,
              imageUrl:
                  "https://media.licdn.com/dms/image/v2/D4D03AQE3lVKqKl52jg/profile-displayphoto-shrink_800_800/B4DZXfSwguHwAg-/0/1743207993628?e=1757548800&v=beta&t=c5_doX7Q_gvy8-GWEHc6gONHS4DZo-YB-vi-h-eZ7F4",
            ),
          ],
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: ReadyAppBar(titleText: "Ready Shimmers"),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            ReadyShimmer(width: double.infinity, height: 200),
            const SizedBox(height: 16),
            ReadyShimmer(width: 200, height: 20),
            const SizedBox(height: 16),
            ReadyShimmer(width: 300, height: 20),
            const SizedBox(height: 16),
            ReadyShimmer(width: 150, height: 20),
            const SizedBox(height: 16),
            Row(
              children: [
                Expanded(
                  child: ReadyShimmer(width: double.infinity, height: 100),
                ),
                const SizedBox(width: 16),
                Expanded(
                  child: ReadyShimmer(width: double.infinity, height: 100),
                ),
              ],
            ),
            const SizedBox(height: 16),
            ReadyShimmer(width: 250, height: 20),
            const SizedBox(height: 16),
            ReadyShimmer(width: 300, height: 20),
          ],
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: ReadyAppBar(titleText: "Ready Buttons"),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ReadyTextButton(text: "Text Button", onPress: () {}),
            const SizedBox(height: 16),
            ReadyTextButton.solid(text: "Solid Text Button", onPress: () {}),
            const SizedBox(height: 16),
            ReadyTextButton.solid(
              text: "Full width Solid Text Button",
              onPress: () {},
              expanded: true,
            ),
            const SizedBox(height: 16),
            ReadyTextButton.outlined(
              text: "Outlined Text Button",
              onPress: () {},
            ),
            const SizedBox(height: 16),
            ReadyTextButton.outlined(
              text: "Full Width Outlined Text Button",
              onPress: () {},
              expanded: true,
            ),
            const SizedBox(height: 16),
            ReadyElevatedButton(text: "Elevated Button", onPress: () {}),
            const SizedBox(height: 16),
            ReadyElevatedButton(text: "Solid Elevated Button", onPress: () {}),
            const SizedBox(height: 16),
            ReadyElevatedButton(
              text: "Full width Solid Elevated Button",
              onPress: () {},
              expanded: true,
            ),
            const SizedBox(height: 16),
            ReadyIconButton.solid(iconData: Icons.add, onPress: () {}),
            const SizedBox(height: 16),
            ReadyIconButton.outlined(iconData: Icons.add, onPress: () {}),
            const SizedBox(height: 16),
            ReadyLikeButton.solid(isLiked: true),
          ],
        ),
      ),
    );
  }
}

class ReadyInputs extends StatelessWidget {
  const ReadyInputs({super.key, required this.controller});

  final TextEditingController controller;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: ReadyAppBar(titleText: "Ready Inputs"),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(16.0),
        child: Form(
          autovalidateMode: AutovalidateMode.always,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              ReadyInput(
                hint: 'Enter your name',
                controller: controller,
                label: "Underlined Input",
                decorationType: InputDecorationType.underlined,
              ),
              const SizedBox(height: 20),
              ReadyInput(
                hint: 'Enter your name',
                label: "Outlined Input",
                showLabelInside: false,
                controller: controller,
                decorationType: InputDecorationType.outlined,
              ),
              const SizedBox(height: 20),
              ReadyInput(
                hint: 'Enter your password',
                label: "Suffix Icon Input",
                controller: controller,
                showLabelInside: false,
                decorationType: InputDecorationType.outlined,
                suffixIcon: IconButton(
                  onPressed: () {},
                  icon: Icon(Icons.remove_red_eye, color: Colors.grey),
                ),
              ),
              const SizedBox(height: 20),
              ReadyInput(
                hint: 'Enter your email',
                showLabelInside: false,
                label: "Prefix Icon Input",
                controller: controller,
                decorationType: InputDecorationType.outlined,
                prefixIcon: Icon(Icons.email, color: Colors.grey),
              ),
              const SizedBox(height: 20),
              ReadyInput(
                hint: 'Search...',
                showLabelInside: false,
                label: "Input with Custom Validator",
                controller: controller,
                decorationType: InputDecorationType.outlined,
                validator: (p0) {
                  return p0!.isEmpty ? "Try to search something" : null;
                },
                prefixIcon: Icon(Icons.search, color: Colors.grey),
              ),
              const SizedBox(height: 20),
              ReadyPhoneInput(
                initialDialCode: "+92",
                showLabelInside: false,
                labelText: "Phone Number",
                hintText: "Enter your phone number",

                onCountryChange: (value) {
                  print(value.dialCode);
                },
              ),
            ],
          ),
        ),
      ),

      // bottomNavigationBar: ReadyBottomBar(
      //   child: Row(
      //     children: [
      //       ReadyLikeButton.outlined(isLiked: true),
      //       const SizedBox(width: 8),
      //       Expanded(
      //         child: ReadyTextButton.solid(
      //           text: "Submit",
      //           width: double.infinity,
      //           onPress: () {},
      //         ),
      //       ),
      //     ],
      //   ),
      // ),
    );
  }
}