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

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!"),
        ),
      ),
    );
  }
}

這是一個基本的問候文本，我希望文本是標准顏色以外的其他顏色。

Answer 1

這可以通過樣式函數輕松實現。 這將采用TextStyle參數，您可以在其中指定顏色。 您可以使用一組 Material 顏色，如紅色、黃色、綠色、藍色、黑色、透明等。或者您可以通過其十六進制顏色代碼指定，如下所示： TextStyle(color: Color(0xff**000000**)) 。 HEX 顏色始終以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])