Question

因此，我是新手，希望了解如何更改文本的颜色。

import 'package:flutter/material.dart';

void main() => runApp(new Hello());

class Hello extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Material(
        child: new Center(
          child: new Text("Hello!"),
        ),
      ),
    );
  }
}

这是基本的hello文本，我希望该文本不是标准颜色。

Answer 1

这可以通过样式功能轻松实现。它将使用TextStyle参数，您可以在其中指定颜色。您可以使用“材料”颜色集，例如红色，黄色，绿色，蓝色，黑色，透明色等。也可以通过其十六进制颜色代码来指定，例如：TextStyle(color: Color(0xff**000000**))。十六进制颜色始终以 0xff 开头，后跟该颜色的六位数。

import 'package:flutter/material.dart';

void main() => runApp(new Hello());

class Hello extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Material(
        child: new Center(
          child: new Text("Hello!", style: TextStyle(color: Colors.indigo)),
        ),
      ),
    );
  }
}

此外，对于材料颜色，您可以通过指定其不透明度来给它们提供不同的阴影，例如TextStyle(color: Colors.green[600])

如何在Flutter中更改文本的颜色

1 个答案: