fuzzy_backgrounds 0.0.2 copy "fuzzy_backgrounds: ^0.0.2" to clipboard
fuzzy_backgrounds: ^0.0.2 copied to clipboard

Fuzzy backgrounds for Flutter apps.

example/example.dart

import 'package:flutter/material.dart';
import 'package:test_app/circles_background_screen.dart';
import 'package:test_app/gradient_background_screen.dart';
import 'package:test_app/orb_background_screen.dart';
import 'package:test_app/rays_background_screen.dart';
import 'package:test_app/ribbon_background_screen.dart';
import 'aurora_background_screen.dart';
import 'flowfield_background_screen.dart';

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

  @override
  State<BackgroundsScreen> createState() => _BackgroundsScreenState();
}

class _BackgroundsScreenState extends State<BackgroundsScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Padding(
          padding: EdgeInsetsGeometry.all(18),
          child: Center(
            child: SingleChildScrollView(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [

                  ElevatedButton(
                      child: Text("Gradient background"),
                      onPressed: () {
                        Navigator.push(context, MaterialPageRoute(builder: (context) => GradientBackgroundScreen(),));
                      }
                  ),

                  ElevatedButton(
                      child: Text("Fuzzy circles background"),
                      onPressed: () {
                        Navigator.push(context, MaterialPageRoute(builder: (context) => CirclesBackgroundScreen(),));
                      }
                  ),

                  ElevatedButton(
                      child: Text("Bloomy orbs background"),
                      onPressed: () {
                        Navigator.push(context, MaterialPageRoute(builder: (context) => OrbsBackgroundScreen(),));
                      }
                  ),

                  ElevatedButton(
                      child: Text("Ribbon background"),
                      onPressed: () {
                        Navigator.push(context, MaterialPageRoute(builder: (context) => RibbonBackgroundScreen(),));
                      }
                  ),

                  ElevatedButton(
                      child: Text("Aurora background"),
                      onPressed: () {
                        Navigator.push(context, MaterialPageRoute(builder: (context) => AuroraBackgroundScreen(),));
                      }
                  ),

                  ElevatedButton(
                      child: Text("Rays background"),
                      onPressed: () {
                        Navigator.push(context, MaterialPageRoute(builder: (context) => RaysBackgroundScreen(),));
                      }
                  ),

                  ElevatedButton(
                      child: Text("Flow field background"),
                      onPressed: () {
                        Navigator.push(context, MaterialPageRoute(builder: (context) => FlowFieldBackgroundScreen(),));
                      }
                  ),

                ],
              ),
            ),
          ),
        )
    );
  }
}
2
likes
130
points
21
downloads

Publisher

verified publisherraylabz.com

Weekly Downloads

Fuzzy backgrounds for Flutter apps.

Homepage
Repository (GitHub)
View/report issues

Topics

#background #gradient #animation #dynamic

Documentation

Documentation
API reference

Funding

Consider supporting this project:

buymeacoffee.com

License

Apache-2.0 (license)

Dependencies

flutter

More

Packages that depend on fuzzy_backgrounds