Add a clickable link in flutter

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:url_launcher/url_launcher.dart';


void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('UrlLauchner'),
        ),
        body: new Center(
          child: new InkWell(
              child: new Text('Open Browser'),
              onTap: () => launch('https://docs.flutter.io/flutter/services/UrlLauncher-class.html')
          ),
        ),
      ),
    );
  }
}

Source: stackoverflow.com

Add a clickable link in flutter

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:url_launcher/url_launcher.dart';

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('UrlLauchner'),
        ),
        body: new Center(
          child: new RichText(
            text: new TextSpan(
              children: [
                new TextSpan(
                  text: 'This is no Link, ',
                  style: new TextStyle(color: Colors.black),
                ),
                new TextSpan(
                  text: 'but this is',
                  style: new TextStyle(color: Colors.blue),
                  recognizer: new TapGestureRecognizer()
                    ..onTap = () { launch('https://docs.flutter.io/flutter/services/UrlLauncher-class.html');
                  },
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

Source: stackoverflow.com

Similar codes

15 votes311 views4 answers
Flutter text
Dart
6 votes773 views4 answers
Flutter transform
Dart
8 votes266 views3 answers
Prevent text overflow flutter
Dart
10 votes281 views1 answer
Listview.separated flutter
Dart
19 votes319 views5 answers
Flutter column cross axis alignment
Dart
2 votes265 views1 answer
Flutter flip card
Dart
9 votes280 views1 answer
Dart null aware
Dart
3 votes283 views2 answers
Color(0xFF6F35A5)
Dart
5 votes274 views1 answer
Flutter gesturedetector
Dart
0 vote341 views1 answer
Flutter raised button with icon
Dart