Flutter之点击按钮打开百度链接

╰+攻爆jí腚メ 2021-09-24 14:32 408阅读 0赞

## 1 需求 ##

点击按钮，打开百度链接

## 2 代码实现 ##

import 'package:flutter/material.dart';
    import 'package:url_launcher/url_launcher.dart';
    
    
    void main() {
      runApp(MyApp1());
    }
    
    
    class MyApp1 extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
          return MaterialApp(
              title: 'open url',
              home: Scaffold(
                appBar: AppBar(
                  // Here we take the value from the MyHomePage object that was created by
                  // the App.build method, and use it to set our appbar title.
                  title: Text('hello flutter'),
                ),
                body: Center(
                  child: RaisedButton(
                    onPressed: () {
                        const url = 'https://www.baidu.com';
                        launch(url);
                    },
                    child: Text('open baidu'),
                  ),
                ),
              ),
          );
      }
    }

## 3 运行效果 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200814165409295.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70 1]: /images/20210923/584ecdb40c374a38bf07ee6faba3efe3.png