How do I open a web browser ( URL ) from my Flutter code?

In Flutter, the primary way to open a web browser and access a specific URL is by using the url_launcher plugin. Here are the detailed steps and example code:

1. Add Dependency

First, add the url_launcher plugin as a dependency to your Flutter project's pubspec.yaml file.

yaml
dependencies:
  flutter:
    sdk: flutter
  url_launcher: ^6.0.9 # Make sure to check for the latest version

2. Import Package

In your Dart file, import the url_launcher package.

dart
import 'package:url_launcher/url_launcher.dart';

3. Create a Function to Open URL

Next, create a function to check if the URL can be launched and use the launch method to open it.

dart
void launchURL(String url) async {
  if (await canLaunch(url)) {
    await launch(url);
  } else {
    throw 'Could not launch $url';
  }
}

This function first checks using the canLaunch method to determine if the given URL can be opened by the device. If it can, it calls the launch function to open the URL. If not, it throws an exception.

4. Use the Function

You can call the launchURL function anywhere in your Flutter app to open the specified URL.

dart
ElevatedButton(
  onPressed: () {
    launchURL('https://www.example.com');
  },
  child: Text('Open Browser'),
)

This code creates a button that opens https://www.example.com when the user clicks it.

5. Testing and Debugging

During development, test your app to ensure it correctly opens web pages on different devices and platforms. This helps ensure a consistent user experience across all devices.

The above is a common method to open web pages in Flutter. Using url_launcher is a simple and effective approach for handling most external link opening needs.