I would like to change the "PREV" and "NEXT" text to a button with arrow, how can I do that?

[spkprav]

[emrade]

Hi @spkprav, that is not a feature that is available at the moment, but i will add it to the list of possible features to add in the next version.

[spkprav]

@emrade Thank you, I actually started by overriding it, I will try to raise a PR over this weekend, so you can check and merge.

[ebiboy2]

@spkprav @emrade any hope for this feature?

[spkprav]

@ebiboy2 you can override this function in your own application with this below code.

How I did is copied the entire file, replaced the function and imported it.

final buttons = Container(
  child: Padding(
    padding: const EdgeInsets.only(bottom: 20, right: 20, left: 20),
    child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
        SizedBox(
          width: 150,
          height: 50,
          child: Visibility(
            visible: (getPrevLabel() != ''),
            child: TextButton(
              onPressed: onStepBack,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Icon(Icons.arrow_back, color: Colors.white),
                  Text(
                    getPrevLabel(),
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 18,
                      fontWeight: FontWeight.normal,
                    ),
                  ),
                ]
              ),
            ),
          )
        ),
        SizedBox(
          width: 150,
          height: 50,
          child: ElevatedButton(
            onPressed: onStepNext,
            style: ElevatedButton.styleFrom(
              shape: new RoundedRectangleBorder(
                borderRadius: new BorderRadius.circular(10.0),
              ),
              primary: Colors.white,
              onPrimary: Colors.blue
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Text(
                  getNextLabel(),
                  style: TextStyle(
                    color: Colors.blue,
                    fontSize: 18,
                    fontWeight: FontWeight.normal,
                  ),
                ),
                Icon(
                  Icons.arrow_forward,
                  color: Colors.blue
                )
              ]
            ),
          )
        ),
      ],
    ),
  )
);

[ebiboy2]

Thank you for this