フラッターボタンの新しいテーマcopyWithは色を変更しません

debugcn 投稿 Dev

JJn1

以下に小さなコードがあります。青い色で「アイコンを追加」と表示されます。代わりに、ボタンが黒色で表示されます（MaterialAppのaccentColorとして）。「floatingActionButton」で何か問題がありますか？

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    final appName = "Custom Themes";

    return new MaterialApp(
      title: appName,
      theme: new ThemeData(
        brightness: Brightness.dark,
        primaryColor: Colors.red[300],
        accentColor: Colors.black,
      ),
      home: new MyHomePage(
        title: appName
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  final String title;

  MyHomePage({Key key, @required this.title}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
      appBar: AppBar(
        title: new Text(title),
      ),
      body: new Center(
        child: new Container(
          color: Theme.of(context).primaryColor,
          child: new Text(
            "Text with background color",
            style: Theme.of(context).textTheme.title,
          ),
        ),
      ),
    floatingActionButton: new Theme(
      data: Theme.of(context).copyWith(accentColor: Colors.blue),
      child: new FloatingActionButton(
        onPressed: null,
        child: new Icon(Icons.add),
      ),
    )
    );
  }

}

私はチュートリアル（iOSではフラッターです）を見ましたが、すべてが魅力のように機能します。Tutは2019年4月からです。その時から何か変わったことがあるのでしょうか？

チュンフンハン

使用できます

Theme.of(context).copyWith(
        colorScheme:
        Theme.of(context).colorScheme.copyWith(secondary: Colors.blue),
      )

詳細リファレンスhttps://flutter.dev/docs/cookbook/design/themes#complete-example

完全なコード

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    final appName = "Custom Themes";

    return  MaterialApp(
      title: appName,
      theme:  ThemeData(
        brightness: Brightness.dark,
        primaryColor: Colors.red[300],
        accentColor: Colors.black,
      ),
      home:  MyHomePage(
          title: appName
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  final String title;

  MyHomePage({Key key, @required this.title}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return  Scaffold(
        appBar: AppBar(
          title:  Text(title),
        ),
        body:  Center(
          child:  Container(
            color: Theme.of(context).primaryColor,
            child:  Text(
              "Text with background color",
              style: Theme.of(context).textTheme.title,
            ),
          ),
        ),
        floatingActionButton:  Theme(
          data: Theme.of(context).copyWith(
            colorScheme:
            Theme.of(context).colorScheme.copyWith(secondary: Colors.blue),
          ),
          child:  FloatingActionButton(
            onPressed: null,
            child:  Icon(Icons.add),
          ),
        )
    );
  }

}