1
resposta

Criar style

É possível criar um style e aplicar em vários outros componentes? Tem um exemplo? Obrigado.

1 resposta

Olá Rodrigo, tranquilo?

Com o flutter o que podemos fazer é definir um tema padrão, que é um dos atributos do MaterialApp() por exemplo:

        return MaterialApp(
          title: "Flutter",
          theme: ThemeData(
            primarySwatch: Colors.red,
            visualDensity: VisualDensity.adaptivePlatformDensity,
            brightness: Brightness.dark,
            buttonTheme: ButtonThemeData(

            ),

Dentro desse ThemeData() podemos modificar os estilos de praticamente tudo que iremos alterar dentro de nossa aplicação, botões, snackbars, dialogs, etc.

Agora podemos querer ter um estilo diferente, mas que não seja global da aplicação, neste caso o que podemos fazer é criar um arquivo ( preferencialmente pasta) chamada constants para armazenar esses temas, por exemplo:

  • Quero definir um tamanho de fonte para título, sem alterar o padrão e sem ter que copiar sempre os mesmos dados, podemos criar um text_constants.dart e ter:
const tituloBaseBotao = TextStyle(
  fontSize: 60.0,
  fontWeight: FontWeight.w900,
);

E dentro da nossa aplicação utilizar normalmente:

Text( "Um texto aleatório", style: tituloBaseBotao)

Dessa mesma forma podemos fazer com outros tipos de temas para criar estilos idênticos para todo nosso projeto :)

Abraços e Bons Estudos!