Flutter MaterialApp - 如何使用 AppBar 标题作为链接

Question

我想将由 New Project 模板创建的默认 Flutter 应用的 AppBar 的标题转换为链接。这是我的代码：

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
  return new MaterialApp(
    title: 'WaterFlow Target',
    theme: new ThemeData(
      primarySwatch: Colors.blue,
    ),
    home: new MyHomePage(title: 'WaterFlow'),
  );
}
}

在第 9 行中，您可以看到带有 title 参数的 MyHomePage 构造函数调用。

Answer 1

将url_launcher 插件添加到您的pubspec.yaml

dependencies:
  url_launcher: 2.0.1

写下这段代码：

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

class TitleLink extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
        appBar: new AppBar(
          elevation: 0.5,
          centerTitle: true,
          title: new InkWell(
            child: new Text("www.google.com"),
            onTap: () => launch('https://google.com'),
          ),
        ),
        body: new Center(child: new Text("Tap on Title to open Google"))
    );
  }
}