gradient_like_css 0.5.0

The gradient_like_css package for Flutter allows you to experience CSS-like gradients in your Flutter app.

example/lib/main.dart

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

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('gradient_like_css'),
        ),
        body: Center(
          child: Container(
            height: 300,
            width: 300,
            decoration: BoxDecoration(
              gradient: CssLike.linearGradient(-225, ['#69EACB', '#EACCF8 48%', "#6654F1"]),
//              gradient: CssLike.linearGradient(null, ['#e66465', '#9198e5']),
//              gradient: CssLike.linearGradient(45, ['red', 'blue']),
//              gradient: CssLike.linearGradient(135, ['orange', 'orange 60%', 'cyan']),
//              gradient: CssLike.linearGradient(Alignment.centerRight, [
//                'red 20%',
//                'orange 20% 40%',
//                'yellow 40% 60%',
//                'green 60% 80%',
//                'blue 80%'
//              ]),
            ),
          ),
        ),
      ),
    );
  }
}