Uma alternativa obsoleta ao FlatButton no Flutter

Flutterin FlatButtonfoi marcado como obsoleto, é recomendável usar ouTextButton em seu lugar.ElevatedButton

Aqui está apenas um exemplo de uso básico, para mais métodos de uso, consulte o site oficial. FlatButtonHaverá diferenças nos parâmetros com componentes alternativos.

TextButton

TextButtonUsado para exibir botões de texto, FlatButtonsemelhantes a , mas o padrão é um plano de fundo transparente, que está mais de acordo com Material Designo estilo de . Aqui está um exemplo TextButtonusando :

TextButton(
  onPressed: () {
    
    
    // 处理按钮点击事件
  },
  child: Text('Click me'),
);

Os exemplos são os seguintes:

Botão Elevado

ElevatedButtonUsado para exibir botões em relevo, pode exibir um Material Designbotão . Aqui está um exemplo ElevatedButtonusando :

ElevatedButton(
  onPressed: () {
    
    
    // 处理按钮点击事件
  },
  child: Text('Click me'),
);

Os exemplos são os seguintes:

Resumir

Deve-se observar que TextButtonambos ElevatedButtone precisam fornecer um onPressedretorno de chamada para lidar com o evento de clique do botão.
TextButtone ElevatedButtonsó pode fornecer opções de personalização limitadas. Se precisar de mais opções de personalização, como definir a forma ou a sombra do botão , você pode FlatButtonusar a substituição OutlinedButtonde ou diretamente MaterialButton, pois fornece mais opções de personalização.

Blog pessoal: Blog do Roc