【Flutter】【widget】RichText

一、使用RichText

代码如下(示例):

import 'dart:io';
import 'dart:ui';

import 'package:emoji_picker_flutter/emoji_picker_flutter.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';

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

/// Example for EmojiPickerFlutter
class MyApp extends StatefulWidget {
  
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late TextStyle _textStyle;
  
  void initState() {
    // TODO: implement initState
    super.initState();
    _textStyle = TextStyle(color: Colors.white);
  }

  
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          backgroundColor: Colors.white,
          appBar: AppBar(
            title: const Text('Emoji Picker Example App'),
          ),
          body: Center(
            child: RichText(
                text: constTextSpan(
                    style: const TextStyle(
                        color: Colors.black,
                        fontSize: 18,
                        fontWeight: FontWeight.bold),
                    children: [
                  const TextSpan(text: '点击查看具体内容'),
                  TextSpan(
                      text: '隐私协议',
                      //点击之后功能实现操作
                      recognizer: TapGestureRecognizer()
                        ..onTap = () => print('click 隐私协议'),
                      style: const TextStyle(
                          color: Colors.blueAccent,
                          decoration: TextDecoration.underline,
                          fontWeight: FontWeight.bold)),
                  const TextSpan(text: '和'),
                  TextSpan(
                      text: '使用条款',
                      recognizer: TapGestureRecognizer()
                        ..onTap = () => print('click 使用条款'),
                      style: const TextStyle(
                          color: Colors.blueAccent,
                          decoration: TextDecoration.underline,
                          fontWeight: FontWeight.bold)),
                ])),
          )),
    );
  }
}


在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值