flutter 用省道更改背景颜色时出错

cld4siwp  于 2023-03-31  发布在  Flutter
关注(0)|答案(2)|浏览(151)

我是新的Flutter,我只是试图改变一个应用程序栏的背景颜色,但我得到这个错误

9:13: Error: No named parameter with the name 'backgroundColor'.
            backgroundColor: Colors.blueGrey[900],
            ^^^^^^^^^^^^^^^

已尝试更改应用程序栏的背景色

0sgqnhkj

0sgqnhkj1#

如果没有一段代码,很难真正理解你要做什么,以及你在哪里面临问题...
以下内容是否有帮助?

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.green[500],
          title: const Text('Neetadev APP'),
        ),
        body: const Center(
          child: Text('HOMEPAGE'),
        ),
      ),
    );
  }
}

如果你想改变你所有的页面,你也可以修改主题:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        appBarTheme: AppBarTheme(
          color: Colors.purple[500],
        ),
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(title: const Text('Neetadev APP')),
        body: const Center(
          child: Text('HOMEPAGE'),
        ),
      ),
    );
  }
}
oymdgrw7

oymdgrw72#

当在代码中遇到 * 错误 * 时,如果看不到代码,很难确定是什么导致了这个问题。所以提供一个代码片段很重要。为了帮助你,我可以提供一个示例代码片段,它***更改AppBar的背景颜色...***

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
        , home: MyScreen()
    );
  }
}

class MyScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My Screen'),
        backgroundColor: Colors.blueGrey[900], // set the background color here
      ),
      body: Center(
        child: Text('Hello, world!'),
      ),
    );
  }
}

输出

希望这个答案对你有帮助!

相关问题