0

Recientemente vi el cambio de estilo que tuvo la aplicación aimp de android y me gustaría saber cómo hacer algo similar en Flutterpara practicar.

Sobre todo, me llama la atención que la barra de estado aparece con el color superior, pero los botones de navegación de android también cambian de color y nunca he visto en ningun código como cambiar los colores.

Agradezco cualquier ayuda que me puedan brindar para seguir aprendiendo.

captura de pantalla aimp app

1 respuesta 1

1

Eso lo puedes hacer usando la clase SystemChrome con los parametros systemNavigationBarColor para el color de los controles y statusBarColor para el color de la barra de esto.

Ejemplo:

import 'package:flutter/services.dart';

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      systemNavigationBarColor: Colors.blue, // navigation bar color
      statusBarColor: Colors.pink, // status bar color
    ));

Puedes agregarlo antes de crear tu widget the MaterialApp.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.