flutter 在标题文本中给予价格颜色

icomxhvb  于 2023-01-31  发布在  Flutter
关注(0)|答案(1)|浏览(122)

我如何给予颜色的价格在标题?我有很长的文字为产品我需要给不同的颜色的价格只,像这个图像

我使用了RichText,但效果不好

uwopmtnx

uwopmtnx1#

以下代码是RichText小部件的示例:)

import 'package:flutter/material.dart';
    
    void main() {
      runApp(MyApp());
    }
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'Flutter Demo',
          home: Scaffold(
            body: Center(
              child: RichText(
                text: const TextSpan(
                  text: 'خصومات تصل علی',
                  style: TextStyle(color: Colors.black),
                  children: <TextSpan>[
                    TextSpan(
                        text: ' 60% ',
                        style: TextStyle(fontWeight: FontWeight.bold,color: Colors.red)),
                    TextSpan(
                        text: ' علی ',
                        style: TextStyle(color: Colors.black)),
                  ],
                ),
              ),
            ),
          ),
        );
      }
    }

相关问题