欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flutter6:Text

程序员文章站 2022-05-30 17:32:52
...

ex:

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
//  debugPaintSizeEnable = true;
  @override
  Widget build(BuildContext context) {
//    debugPaintSizeEnabled = true;
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Text ex'),
        ),
        body: Center(
          child: Column(
            children: <Widget>[
              Text('Be a master, be a useful man from HUST!',
                maxLines:1,
                overflow: TextOverflow.ellipsis,
                softWrap: true,//自动换行
                style: TextStyle(
                  fontSize: 30.0,
                  decoration: TextDecoration.lineThrough,//删除画线
                  decorationStyle: TextDecorationStyle.wavy),
                ),
              SizedBox(//间隔
                height: 30.0,
              ),
              RichText(text: TextSpan(//富文本
                text: 'Be a master',
                style: TextStyle(color: Color(0xffff0000), fontSize: 20.0),
                children: <TextSpan>[
                  TextSpan(
                    text:'I am a master',
                  ),
                  TextSpan(
                    text: 'HUST',
                    style: TextStyle(color: Color(0xff0000ff)),
                    recognizer: TapGestureRecognizer()
                      ..onTap = () async {//点击事件
                        String url = 'https://www.hust.edu.cn/';
                        if (await canLaunch(url)){
                          await launch(url);//加载网页
                        }else{
                          throw 'error: $url';
                        }
                      }),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

效果

Flutter6:Text

相关标签: Flutter