{"id":93,"date":"2024-07-04T11:22:38","date_gmt":"2024-07-04T11:22:38","guid":{"rendered":"https:\/\/flutterfever.com\/news\/?p=93"},"modified":"2024-07-04T11:22:38","modified_gmt":"2024-07-04T11:22:38","slug":"how-to-navigate-link-in-new-tab-in-flutter-web-without-android","status":"publish","type":"post","link":"https:\/\/flutterfever.com\/news\/how-to-navigate-link-in-new-tab-in-flutter-web-without-android\/","title":{"rendered":"How to navigate link in new tab in flutter web without android"},"content":{"rendered":"\n

In Flutter web, you can navigate to a link in a new tab without relying on Android-specific code by using the url_launcher<\/code> package. Here’s how you can do it:<\/p>\n\n\n\n

    \n
  1. Add the url_launcher<\/code> package to your pubspec.yaml<\/code> file:<\/strong><\/li>\n<\/ol>\n\n\n\n
    dependencies:\n  flutter:\n    sdk: flutter\n  url_launcher: ^6.0.9\n<\/code><\/pre>\n\n\n\n
    Update your Dart code to use url_launcher<\/code>:<\/strong>dart<\/h2>\n\n\n\n
    import 'package:flutter\/material.dart';\nimport 'package:url_launcher\/url_launcher.dart';\n\nvoid main() {\n  runApp(MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n        appBar: AppBar(\n          title: Text('Open Link in New Tab Example'),\n        ),\n        body: Center(\n          child: ElevatedButton(\n            onPressed: _launchURL,\n            child: Text('Open Flutter Website'),\n          ),\n        ),\n      ),\n    );\n  }\n\n  void _launchURL() async {\n    const url = 'https:\/\/flutter.dev';\n    if (await canLaunch(url)) {\n      await launch(\n        url,\n        webOnlyWindowName: '_blank', \/\/ This will open the link in a new tab\n      );\n    } else {\n      throw 'Could not launch $url';\n    }\n  }\n}\n<\/code><\/pre>\n\n\n\n
      \n
    1. Explanation:<\/strong>\n