Flutter 如何更改颤振上所有文本的颜色?

Flutter 如何更改颤振上所有文本的颜色?,flutter,dart,Flutter,Dart,我是新来的,今天我正在测试一些东西,比如更改文本和函数。但是现在我有一个问题,我怎样才能改变所有文本的颜色?我已将背景更改为黑色,但无法更改颜色字体,也不希望在每个文本中都更改() 这是我现在的代码: import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildCo

我是新来的,今天我正在测试一些东西,比如更改文本和函数。但是现在我有一个问题,我怎样才能改变所有文本的颜色?我已将背景更改为黑色,但无法更改颜色字体,也不希望在每个文本中都更改()

这是我现在的代码:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'El Grandioso Countador e Parificador',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'El Grandioso Countador e Parificador'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  var _color = Colors.white;
  String _pi = "0 não é par nem ímpar";

  void _incrementCounter() {
    setState(() {
      _pi = _counter % 2 == 0 ? "par" : "ímpar";
      _color = _pi == "par" ? Colors.blue : Colors.red;
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black, //Here I'm changing the entire background to black, but the text are black too, so I can't read anything on my app.
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Nusha, sabe quantas vezes tu clicou no botão lá? Olha ae:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
            Text(
              _pi == '0 não é par nem ímpar'
                  ? '$_pi'
                  : 'Rapash, teu número é $_pi',
              style: TextStyle(color: _color),
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Clicador',
        child: Icon(Icons.add),
      ),
    );
  }
}
导入“包装:颤振/材料.省道”;
void main(){
runApp(MyApp());
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
标题:“巴黎伯爵大教堂”,
主题:主题数据(
主样本:颜色。蓝色,
视觉密度:视觉密度。自适应平台密度,
),
主页:我的主页(标题:“El Grandioso Countador e Parificador”),
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage({Key,this.title}):超级(Key:Key);
最后的字符串标题;
@凌驾
_MyHomePageState createState()=>\u MyHomePageState();
}
类_MyHomePageState扩展状态{
int _计数器=0;
var _color=Colors.white;
字符串π=“0 N nωa m m m bar”;
void _incrementCounter(){
设置状态(){
_pi=_计数器%2==0?“par”:“impar”;
_颜色=_pi==“par”?颜色。蓝色:颜色。红色;
_计数器++;
});
}
@凌驾
小部件构建(构建上下文){
返回脚手架(
backgroundColor:Colors.black,//这里我将整个背景更改为黑色,但文本也是黑色的,因此我无法在我的应用程序上读取任何内容。
appBar:appBar(
标题:文本(widget.title),
),
正文:中(
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
正文(
“Nusha,sabe quantas困扰着你,而不是botão láOlha ae:”,
),
正文(
“$”计数器“,
风格:Theme.of(context).textTheme.headline4,
),
正文(
“π==‘0’n’ωa’m’m’m’巴
“$\u pi”
:“Rapash,teu númeroé$_pi”,
样式:文本样式(颜色:_颜色),
),
],
),
),
浮动操作按钮:浮动操作按钮(
按下时:\ u递增计数器,
工具提示:“Clicador”,
子:图标(Icons.add),
),
);
}
}

我已经找过了,但什么也解决不了我的问题。有人有什么建议吗?

这个
主题数据
类有一个
文本主题
属性可以设置

试试这个:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'El Grandioso Countador e Parificador',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
        textTheme: TextTheme(headline4: TextStyle(color: Colors.purple)),
      ),
      home: MyHomePage(title: 'El Grandioso Countador e Parificador'),
    );
  }
}

您可以使用
TextTheme。在
TextTheme
中应用
,并设置bodyColor和displayColor的颜色,如下面的代码所示:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'El Grandioso Countador e Parificador',
      theme: ThemeData(
          primarySwatch: Colors.blue,
          visualDensity: VisualDensity.adaptivePlatformDensity,
          textTheme: Theme.of(context).textTheme.apply(
                bodyColor: Colors.red,
                displayColor: Colors.red,
              )),
      home: MyHomePage(title: 'El Grandioso Countador e Parificador'),
    );
  }
}

这只是更改_计数器的文本。我理解为什么(字段文本有一个“style:Theme.of(context).textTheme.headline4”我们改变了headline4的文本主题。但是我想要的是改变所有的文本;谢谢。这对我所拥有的很好。但是我只需要bodyColor,这实际上改变了所有文本的颜色,但是displayColor没有做任何事,有什么可以做的呢?我在代码中使用了“scaffoldBackgroundColor:Colors.black”将背景颜色更改为黑色。这些属性中的每一个都用于某些文本样式。当您同时为它们设置颜色时,它会更改所有文本的颜色。