flutter_particle_background 1.0.7

Flutter Android iOS web

This is a flutter particle background for all the platforms web, android and ios. This makes small particles moving in the background making the app look more pleasant.

flutter_particle_background #

A Flutter Particle Background package that makes your app more pleasant. This simple package is for both iOS and Android. This is a simple package which fills your screen background with different coloured particles, which gives a unique and pleasant feel to the app.

Using #

Example

To use this package, add a dependency to your pubspec.yaml as:

dev_dependencies:  
  flutter_test:  
    sdk: flutter
  flutter_particle_background: ^1.0.0

How to Use #

Simply just use the ParticleBackground() widget. Some of the examples are given below.

Example 1 #

Simply use ParticleBackground() without any parameters for default values.

class TestScreen extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: Scaffold(  
        body: Stack(  
          children: [  
            ParticleBackground(),  
		    Center(  
              child: Text(  
                'Welcome',  
			    style: TextStyle(fontSize: 20, 
			    fontWeight:FontWeight.bold),  
		      ),  
		    )  
          ],  
	    ),  
	  ),  
    );  
  }  
}

Example 2 #

Simply use ParticleBackground() with different parameters as you like.

class TestScreen extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: Scaffold(  
        body: Stack(  
          children: [  
            ParticleBackground(
            backgroundColor: Colors.black,  
		    multiColor: false,  
		    particleColor: Colors.blue,  
		    numberOfParticles: 200,  
		    biggestSize: 6,  
		    smallestSize: 4,  
		    blur: true,  
		    allFilled: true,  
		    highestSpeed: 1.1,  
		    slowestSpeed: 0.2,
		    blurIntensity: 8,
		    ),  
		    Center(  
              child: Text(  
              'Welcome',  
		      style: TextStyle(fontSize: 20, 
		      fontWeight: FontWeight.bold),  
			      ),  
			     )  
	           ],  
		      ),  
		    ),  
	      );  
		}  
	  }

Parameters #

  1. backgroundColor - dart color
  2. multiColor - bool
  3. particleColor - dart color
  4. numberOfParticles - int
  5. biggestSize - int
  6. smallestSize - int
  7. blur - bool
  8. allFilled - bool
  9. highestSpeed - double
  10. slowestSpeed - double
  11. blurIntensity - int

Showcase #

These animations may not appear smooth in the following images, but these are smooth when implemented.

4
likes
100
pub points
49%
popularity

This is a flutter particle background for all the platforms web, android and ios. This makes small particles moving in the background making the app look more pleasant.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

abdullahriaz95@gmail.com

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_particle_background