decoration: BoxDecoration(
            gradient: LinearGradient(
                colors: [
                  const Color(0xFF3366FF),
                  const Color(0xFF00CCFF),
                ],
                begin: const FractionalOffset(0.0, 0.0),
                end: const FractionalOffset(1.0, 0.0),
                stops: [0.0, 1.0],
                tileMode: TileMode.clamp,
            ),
          ),

Popularity 10/10 Helpfulness 10/10 Language whatever

Source: stackoverflow.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Jul 05 2020

Faithful Falcon

0 Answers Avg Quality 2/10

color gradient in flutter

Comment

decoration: BoxDecoration(
    gradient: LinearGradient(
      colors: [Colors.green, Colors.blue])
  ),

Popularity 10/10 Helpfulness 9/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Jun 19 2020

XeN0N

0 Answers Avg Quality 2/10

gradient flutter container

Comment

Container(
        decoration: BoxDecoration(
            gradient: LinearGradient(
              begin: Alignment.topRight,
              end: Alignment.bottomLeft,
              colors: [Colors.blue, Colors.red])),
        child: Center(
          child: Text(
            'Hello Gradient!',
            style: TextStyle(
              fontSize: 48.0,
              fontWeight: FontWeight.bold,
              color: Colors.white),
          ),
        ),

Popularity 10/10 Helpfulness 7/10 Language whatever

Source: Grepper

Tags: flutter-container flutter-containe

Link to this answer
Share Copy Link

Contributed on Jul 05 2020

Ashbu

0 Answers Avg Quality 2/10

gradient flutter

Comment

Container(
  decoration: BoxDecoration(
    gradient: LinearGradient(
      begin: Alignment.centerLeft,
      end: Alignment.centerRight,
      colors: [Colors.purple, Colors.blue])
  ),
)

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: medium.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Feb 05 2022

Expensive Earthworm

0 Answers Avg Quality 2/10

flutter container background gradient

Comment

appBar: AppBar(

      title: Text('Flutter Demo'),
      flexibleSpace: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.centerLeft,
            end: Alignment.centerRight,
            colors: <Color>[
              Colors.red,
              Colors.blue
            ],
          ),
        ),
      ),
    ),

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: stackoverflow.com

Tags: background b

Link to this answer
Share Copy Link

Contributed on May 23 2020

Cooperative Crab

0 Answers Avg Quality 2/10

custom gradient flutter

Comment

BoxDecoration(
      gradient: LinearGradient(
        colors: [
          AppColors.roseGradientColor,
          AppColors.purpleInAppGradientColor,
          AppColors.blueInAppGradientColor
        ],
        begin: Alignment(-0.7,12),
        end: Alignment(1,-2),
      ),
        borderRadius: BorderRadius.only(bottomLeft: Radius.circular(25),bottomRight: Radius.circular(25))
    )

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Feb 03 2021

Alemasoft

0 Answers Avg Quality 2/10

flutter gradient background

Comment

import 'package:flutter/material.dart';

class GradientBackground extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topCenter,
          end: Alignment.bottomCenter,
          colors: [Colors.blue, Colors.green],
        ),
      ),
    );
  }
}

Popularity 8/10 Helpfulness 5/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

flutter gradient color

Comment

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Gradient Color'),
        ),
        body: Center(
          child: Container(
            // Applying gradient color
            decoration: BoxDecoration(
              gradient: LinearGradient(
                begin: Alignment.topLeft,
                end: Alignment.bottomRight,
                colors: [Colors.blue, Colors.green],
              ),
            ),
            child: Text(
              'Gradient Color',
              style: TextStyle(
                fontSize: 24,
                color: Colors.white,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

Popularity 8/10 Helpfulness 4/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

gradient widget flutter

Comment

GradientCard(
    gradient: Gradients.tameer,
    shadowColor: Gradients.tameer.colors.last.withOpacity(0.25),
    elevation: 8,
);

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: pub.dev

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Oct 12 2020

Eager Emu

0 Answers Avg Quality 2/10

flutter gradient color

Comment

//begin: Alignment.topRight,
//end: Alignment.bottomLeft,

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Dec 13 2021

Spotless Skylark

0 Answers Avg Quality 2/10

gradient background flutter

Contents

More Related Answers