Cannot apply AppBar titleTextStyle on the title Text Widget

Question

I can't change my AppBar title text color using AppBar titleTextStyle. I know I can set the AppBar title style in some ways like using style in textWidget or set the textTheme in AppBar, but I just wanna know why it cannot be changed by setting titleTextStyle.

The code is below. AppBar title is still white though setting the titleTextStyle and the foregroundColor.

class MyStatelessWidget extends StatelessWidget {
  const MyStatelessWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        foregroundColor: Colors.black,
        titleTextStyle: TextStyle(color: Colors.black),
        title: const Text('AppBar Color'),),
      body: const Center(
        child: Text('sample'),
      ),
    );
  }
}

Answer 1

i know this question is for 1 month ago, but answer to this question is :

using backwardsCompatibility: false, for AppBarTheme

appBarTheme: AppBarTheme(
  backwardsCompatibility: false,
  titleTextStyle: TextStyle(
    color: Colors.red,
  ),
),

or antother way :

appBarTheme: AppBarTheme(
  textTheme: TextTheme(
    headline6: TextStyle(
      color: Colors.red,
    )
  )
),