Você está aqui: Flutter ::: Material Library - Biblioteca Material ::: Scaffold |
Como definir a cor de fundo das janelas de nossos apps FlutterQuantidade de visualizações: 5551 vezes |
A cor de fundo das telas que compõem nossa aplicação Flutter pode ser definida ou modificada por meio da propriedade backgroundColor da classe Scaffold, que implementa a estrutura de layout visual básico do Material. Veja um código completo no qual definimos a cor de fundo da tela inicial da aplicação Flutter. Note que coloquei uma caixa de texto TextField e um botão ElevatedButton para que você veja como a cor de fundo os afeta: import 'package:flutter/material.dart'; // método principal do Dart, que inicia a aplicação void main() { runApp(MeuApp()); } class MeuApp extends StatelessWidget { // Este widget é a raiz da aplicação Flutter @override Widget build(BuildContext context) { return MaterialApp( title: 'Cor de Fundo do Scaffold', theme: ThemeData( primarySwatch: Colors.blue, ), home: TelaInicial(), ); } } // Vamos construir a view e retornar para a raiz da aplicação class TelaInicial extends StatefulWidget { TelaInicial({Key key}) : super(key: key); @override _TelaInicialState createState() => _TelaInicialState(); } class _TelaInicialState extends State<TelaInicial> { @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Color(0xffc5cae9), appBar: AppBar( title: Text("Cor de Fundo do Scaffold"), ), body: Center( child: Container( child: Padding( padding: const EdgeInsets.all(20.0), child: Column( children: <Widget>[ // a caixa de texto TextField vai aqui TextField( decoration: InputDecoration( border: OutlineInputBorder( borderRadius: BorderRadius.circular(10.0)), hintText: 'Digite seu nome'), ), // o botão vai aqui ElevatedButton( onPressed: () {}, child: Text('Clique Aqui'), ), ], ), ), ), ), ); } } |
![]() |
Veja mais Dicas e truques de Flutter |
Dicas e truques de outras linguagens |
VB.NET - Como comparar strings em VB.NET usando o método Equals() da classe String do .NET Framework MySQL - Como adicionar horas ao valor de um campo DATETIME ou TIME usando a função ADDTIME() do MySQL |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
1º lugar: Java |