rainbow_outline_container

Creator: coderz1093

Last updated:

0 purchases

rainbow_outline_container Image
rainbow_outline_container Images
Add to Cart

Description:

rainbow outline container

Rain OutLine Containers #
Rain OutLine container package lets you add a beautiful gradient container to your Flutter app.
Installation #

Add the latest version of package to your pubspec.yaml (and rundart pub get):

dependencies:
rainbow_outline_container: ^0.0.3
copied to clipboard

Import the package and use it in your Flutter App.

import 'package:fancy_containers/rainbow_outline_container.dart';
copied to clipboard
Example #
There are a number of properties that you can modify:

height
width
title





class RainBow extends StatelessWidget {
const RainBow({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Container(
margin: const EdgeInsets.symmetric(vertical: 20, horizontal: 10),
//padding: const EdgeInsets.all(15),
decoration: const BoxDecoration(boxShadow: [
BoxShadow(
offset: Offset(-20, 20),
color: Colors.red,
blurRadius: 15,
spreadRadius: -10,
),
BoxShadow(
offset: Offset(-20, -20),
color: Colors.orange,
blurRadius: 15,
spreadRadius: -10,
),
BoxShadow(
offset: Offset(20, -20),
color: Colors.blue,
blurRadius: 15,
spreadRadius: -10,
),
BoxShadow(
offset: Offset(20, 20),
color: Colors.deepPurple,
blurRadius: 15,
spreadRadius: -10,
)
]),
child: Container(
width: 200,
height: 200,
color: Colors.white,
child: const Center(
child: Text(
"this title",
)),
));
}
}

copied to clipboard






Next Goals #


Add onTap for functions.
Now, you can specify the onTap and specify a function.


Change font and color style for text.
Change color by specifying textcolor and subtitlecolor properties.


Add more containers to the package.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.

Related Products

More From This Creator