ag_widgets 1.0.5

Enhance your apps with our versatile smart widgets. Designed for daily development projects, they streamline workflows and boost functionality.

example/lib/main.dart

import 'package:ag_widgets/ag_widgets.dart';
import 'package:flutter/material.dart';
import 'package:nb_utils/nb_utils.dart';

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

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

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

class _MyAppState extends State<MyApp> {
  NumberTickerController numberTickerController = NumberTickerController();

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('AG Widgets'),
          elevation: 8,
        ),
        body: SingleChildScrollView(
          padding: EdgeInsets.all(16),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              /// IconImage: This will help you to set the icon which are being loaded from assets or network.
              Divider(thickness: 3, height: 16, color: Colors.black),
              ...[
                Text("Example of IconImage()", style: boldTextStyle(size: 24)),
                SizedBox(height: 16),
                "images/placeholder.jpg"
                    .iconImage(width: 140, height: 90, fit: BoxFit.fill),
              ],
              Divider(thickness: 3, height: 16, color: Colors.black),
              Divider(thickness: 3, height: 0, color: Colors.black),

              ...[
                SizedBox(height: 32),
                Text(
                  'Welcome to Custom Divider Example',
                  style: TextStyle(fontSize: 18),
                ),
                SizedBox(height: 20),
                AgCustomDivider(
                  weight: 8.0,
                  color: Colors.blue,
                  style: DividerStyle.gradientLine,
                  colorList: [Colors.blue, Colors.green],
                  endIndent: 16.0,
                  indent: 16.0,
                  strokeCap: StrokeCap.round,
                ),
                SizedBox(height: 20),
                Text(
                  'This is a custom divider with a dottedLine line!',
                  style: TextStyle(fontSize: 18),
                ),
                SizedBox(height: 20),
                AgCustomDivider(
                  weight: 6.0,
                  color: Colors.blue,
                  spacing: 8,
                  style: DividerStyle.dottedLine,
                  colorList: [Colors.blue, Colors.green],
                  endIndent: 16.0,
                  indent: 16.0,
                  strokeCap: StrokeCap.round,
                ),
                SizedBox(height: 20),
                Text(
                  'This is a custom divider with a dotted gradient line!',
                  style: TextStyle(fontSize: 18),
                ),
                SizedBox(height: 20),
                AgCustomDivider(
                  weight: 6.0,
                  style: DividerStyle.gradientDottedLine,
                  colorList: [Colors.blue, Colors.green],
                  spacing: 8,
                  endIndent: 16.0,
                  indent: 16.0,
                  strokeCap: StrokeCap.round,
                ),
                SizedBox(height: 20),
                Text(
                  'This is a custom divider with a Plain line!',
                  style: TextStyle(fontSize: 18),
                ),
              ],
              Divider(thickness: 3, height: 0, color: Colors.black),
              40.height,
              ...[
                Text(
                  'Number Ticker',
                  style: TextStyle(fontSize: 18),
                ),
                16.height,
                AgNumberTickerWidget(
                  controller: numberTickerController,
                  initialNumber: 20,
                ),
                16.height,
                TextButton(
                  onPressed: () {
                    numberTickerController.number =
                        numberTickerController.value + 1;
                  },
                  child: Text("Click me"),
                )
              ],

              Divider(thickness: 3, height: 16, color: Colors.black),
            ],
          ),
        ),
      ),
    );
  }
}