Não fiz o menor código do mundo, porém ccheguei nesse resultado Código que cheguei com um degrade de cores na sequencia:
import 'package:flutter/material.dart';
void main() { runApp(const MyApp()); }
class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key);
@override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter: Primeiros Passos', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyHomePage(title: 'Flutter: Primeiros Passos'), ); } }
class MyHomePage extends StatelessWidget { final String title;
const MyHomePage({Key? key, required this.title}) : super(key: key);
@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(title), ), body: GridView.count( primary: false, padding: const EdgeInsets.all(18), crossAxisSpacing: 10, mainAxisSpacing: 10, crossAxisCount: 3, children: [ Container( padding: const EdgeInsets.all(8), color: Colors.teal[100],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[200],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[300],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[400],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[500],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[600],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[700],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[800],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.teal[900],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.indigo[900],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.indigo[800],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.indigo[700],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.indigo[600],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.indigo[500],
),
Container(
padding: const EdgeInsets.all(8),
color: Colors.indigo[400],
),
],
)
);
} }