RadialGradient Example in Flutter

<p>In this article, I'm going to share an example of RadialGradient in Flutter. Here is how the final output is going to look. ![](https://fluttercentral.com/Uploads/d00dd20d-32e8-4aea-bcea-dd0bd28cec14.PNGwidth="50%height="auto](</p> <p>Here is code from main.dart file. color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre-wrap;](color: #569cd6;](import color: #ce9178;]('package:flutter/material.dart'; color: #569cd6;](void color: #dcdcaa;](main() => color: #dcdcaa;](runApp(color: #4ec9b0;](MyApp()); color: #569cd6;](class color: #4ec9b0;](MyApp color: #569cd6;](extends color: #4ec9b0;](StatefulWidget { color: #569cd6;](@override color: #4ec9b0;](_MyAppState color: #dcdcaa;](createState() => color: #4ec9b0;](_MyAppState();} color: #569cd6;](class color: #4ec9b0;](_MyAppState color: #569cd6;](extends color: #4ec9b0;](State { color: #4ec9b0;](double padValue = color: #b5cea8;](0; color: #569cd6;](@override color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext context) { color: #c586c0;](return color: #4ec9b0;](MaterialApp( home: color: #4ec9b0;](Scaffold( appBar: color: #4ec9b0;](AppBar( title: color: #4ec9b0;](Text(color: #ce9178;]("Container Example"), ), body: color: #4ec9b0;](Container( margin: color: #4ec9b0;](EdgeInsets.color: #dcdcaa;](all(color: #b5cea8;](100.0), decoration: color: #4ec9b0;](BoxDecoration( gradient: color: #4ec9b0;](RadialGradient( tileMode: color: #4ec9b0;](TileMode.clamp, radius: color: #b5cea8;](1.0, colors: [color: #4ec9b0;](Colors.orange, color: #4ec9b0;](Colors.red, color: #4ec9b0;](Colors.green] ), shape: color: #4ec9b0;](BoxShape.rectangle, borderRadius: color: #4ec9b0;](BorderRadius.color: #dcdcaa;](all( color: #4ec9b0;](Radius.color: #dcdcaa;](circular(color: #b5cea8;](25.0) ) ), ) ), ); }} Thanks,Srikanth</p>