Make Flutter Web Awesome, Web Link Buttons

Flutter Web UX is different from Flutter Application UX. One of the differences is that for web, weblinks should show an underline and change in color when clicked. We can accomplish this be creating our own custom web link button. Let me show you how.

What We Are Building

What are we building? Here is the video of the UX we are implementing, in that clicking on a web link triggers a color change in the link:

Obviously, I am using the url launcher package:

url_launcher | Flutter Package

Now, let’s get to an implementation.

The Implementation

First, we need to set up a URL Launcher launch function: