Bogotá, Colombia
hola@jairofernandez.me

Clase AppBar

Blog personal

Haremos uso de la clase AppBar, para crear nuestro propio widget que sirva de AppBar, ya sea porque queramos personalizar el comportamiento, o porque queramos que nuestro código quede más desacoplado,

solo debemos crear una clase que herede de AppBar

class MyAppBar extends AppBar {
   
}

Ahora, debemos crear un constructor e inicializar el constructor de la clase padre

# my_app_bar.dart
class MyAppBar extends AppBar {
  MyAppBar(
    { 
      Key key,
      Widget title, 
      List<Widget> actions 
    }) : super(key: key, title: title, actions: actions);
}

Bien, ahora podemos usar nuestra propia barra de navegación

import 'package:flutter/material.dart';
import 'my_app_bar.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  List<Widget> actions = [];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.pink,
      ),
      home: Scaffold(
        appBar: MyAppBar(
          title: Text('Hi special'),
          actions: actions
        )
      )
    );
  }
}

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.