Material
Material é uma classe genérica do Material Design que geralmente encapsula componentes filhos. Seu propósito é fornecer aos componentes filhos alguns comportamentos ou formatos que são passados a sí.
Por exemplo: o componente Image.asset
não possui uma propriedade shape
, então se eu quiser que essa imagem tenha borda arredondada, eu posso utilizar o Material como componente pai e usar sua propriedade shape, passando assim seu formato para o componente filho também.
Código do exemplo:
Material(
child: Image.file(
"path_da_imagem",
fit: BoxFit.cover,
),
borderRadius:
BorderRadius.all(Radius.circular(45.0)),
),
Material App
MaterialApp é uma classe de convenção para iniciar aplicações, ela encapsula diversos Widgets para facilitar o início do desenvolvimento sem muito código boilerplate, configurando automaticamente funcionalidades específicas do Material Design.
Ela também fornece a opção de algumas configurações opcionais como o uso de rotas nomeadas na aplicação, comportamento do banner de debug, temas, entre outros.
Exemplo de uso:
const MaterialApp(
title: 'Material App',
home: Scaffold(
body: Center(
child: Text('Hello World'),
),
),
)
Conclusão
Existe uma grande diferença entre a classe Material e a classe MaterialApp, a primeira sendo usada como uma classe genérica para criar um Widget do tipo Material e lhe prover algumas características e a segunda sendo uma classe de convenção, que facilita a inicialização da aplicação.
As funcionalidades das 2 são muito distintas e casos de uso para cada também.