Skip to content

Material's search bar doesn't show text in dark mode #66781

@Zazo032

Description

@Zazo032

Sample code

Sample code
import 'package:flutter/material.dart';

void main() => runApp(SampleApp());

class SampleApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark(),
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.search),
        onPressed: () {
          showSearch(
            context: context,
            delegate: SampleDelegate(),
          );
        },
      ),
      body: const Placeholder(),
    );
  }
}

class SampleDelegate extends SearchDelegate {
  @override
  List<Widget> buildActions(BuildContext context) {
    return <Widget>[
      if (query.isNotEmpty)
        IconButton(
          icon: const Icon(Icons.clear),
          onPressed: () => query = '',
        ),
    ];
  }

  @override
  Widget buildLeading(BuildContext context) => const BackButton();

  @override
  Widget buildResults(BuildContext context) => const Placeholder();

  @override
  Widget buildSuggestions(BuildContext context) => const Placeholder();
}
  1. Click on the FloatingActionButton to call showSearch.
  2. Type something in the search bar

Expected results: Text is black

Actual results: Text is white (on a white background)

image

Flutter version
Flutter 1.22.0-10.0.pre.380 • channel master • https://github.com/flutter/flutter.git
Framework • revision ec40df9576 (2 days ago) • 2020-09-25 21:27:22 -0700
Engine • revision 3a73d073c8
Tools • Dart 2.11.0 (build 2.11.0-161.0.dev)

Metadata

Metadata

Assignees

Labels

a: qualityA truly polished experiencef: material designflutter/packages/flutter/material repository.found in release: 1.22Found to occur in 1.22frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work on

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions