0

Hola estoy tratando de hacer mi código reutilizable y estoy haciendo un botón, pero no sé como darle una ruta diferente si es el mismo botón. Me explico, quiero hacer un botón con parámetros, al hacer el llamado quiero implementar una ruta diferentes en varias botones. Mi código esta así...

introducir la descripción de la imagen aquí

Ese es el botón y si se finjan tiene una ruta en el onpressed

class Buttons extends StatefulWidget {
  final Color textColor;
  final Color backgroundColor;
  final String text;
  final double sizeW;
  final double sizeH;
  const Buttons(
      {super.key,
      required this.textColor,
      required this.backgroundColor,
      required this.text,
      required this.sizeW,
      required this.sizeH});

  @override
  State<Buttons> createState() => _ButtonsState();
}

class _ButtonsState extends State<Buttons> {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: widget.sizeW,
      height: widget.sizeH,
      child: RaisedButton(
          onPressed: () => _loginScreen(),
          child: Text(
            widget.text,
            style: TextStyle(fontSize: 18),
          ),
          color: widget.backgroundColor,
          textColor: widget.textColor,
          shape: new RoundedRectangleBorder(
              borderRadius: new BorderRadius.circular(22.0))),
    );
  }

1 respuesta 1

1

Necesitas definir el método a llamar en tu widget, sería un VoidCallback, algo así :

class Buttons extends StatefulWidget {
  final Color textColor;
  final Color backgroundColor;
  final String text;
  final double sizeW;
  final double sizeH;
  // puedes usar cualquier nombre, yo solo puse `onPressed`.
  final VoidCallback onPressed;
  const Buttons(
      {super.key,
      required this.textColor,
      required this.backgroundColor,
      required this.text,
      required this.sizeW,
      required this.sizeH,
      required this.onPressed,
 });

Al momento de usar ese parámetro en tu State, lo harías así :

 RaisedButton(
          onPressed: () => widget.onPressed(),
          // o también así: 
          // onPressed: widget.onPressed,

Y para usarlo desde otra clase, sería así :


Center(
child: Buttons(
    onPressed: () => _loginScreen(),
    // tus demás parámetros
    // ...
 ),
);

3

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.