flutter_moving_background 0.0.3

A Flutter Package to create beautiful and animated backgrounds,such as gradients ,circular forms and particles

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_moving_background/flutter_moving_background.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Flutter Moving  Background',
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.white70),
          useMaterial3: true,
        ),
        home: const App());
  }
}

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

  @override
  State<App> createState() => _AppState();
}

class _AppState extends State<App> {
  bool darkMode = false;

  @override
  Widget build(BuildContext context) {
    return SafeArea(
        child: MovingBackground(
      backgroundColor: darkMode ? Colors.black87 : Colors.white,
      circles: const [
        MovingCircle(color: Colors.purple),
        MovingCircle(color: Colors.deepPurple),
        MovingCircle(color: Colors.orange),
        MovingCircle(color: Colors.orangeAccent),
        MovingCircle(color: Colors.white12),

      ],
      child: Center(
        child: Card(
          color: Colors.white.withOpacity(0.7),
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                const Text(
                  "M O V I N G ",
                  style: TextStyle(fontSize: 40, fontWeight: FontWeight.bold),
                ),
                const Text("B a c k g r o u n d "),
                Container(
                  margin: const EdgeInsets.all(10),
                  color: Colors.white,
                  width: 300,
                  height: 1,
                ),
                Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    const Text("Dark Mode:"),
                    Switch(
                        value: darkMode,
                        onChanged: (v) => setState(() => darkMode = v)),
                  ],
                )
              ],
            ),
          ),
        ),
      ),
    ));
  }
}