flutter / flutter

Flutter makes it easy and fast to build beautiful apps for mobile and beyond
https://flutter.dev
BSD 3-Clause "New" or "Revised" License
161.86k stars 26.57k forks source link

Color of Japanese text conversion box is invisible #145952

Closed junka-0 closed 1 month ago

junka-0 commented 1 month ago

Steps to reproduce

  1. Prepare a flutter project (flutter version 3.7.7)
  2. Run iPad simulator (iOS 17.2)
  3. Enable I/O > Keyboard > Connect Hardware Keyboard
  4. Type some Japanese-kana text and try to convert it to Kanji

Expected results

I would like to know how to customize the text color and background color of the suggestion box.

Actual results

It is hard for users to see which suggestion is selected because the text color and background color of suggestion box are almost the same.

Code sample

Code sample ```dart import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return const MaterialApp( title: 'Flutter Demo', home: MyHomePage(title: 'Demo Page'), ); } } class MyHomePage extends StatefulWidget { const MyHomePage({super.key, required this.title}); final String title; @override State createState() => _MyHomePageState(); } class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ TextFormField(), ], ), ), ); } } ```

Screenshots or Video

Screenshots / Video demonstration https://github.com/flutter/flutter/assets/109844522/3414c0da-2e29-49eb-ba12-d540d6d64147 ![Simulator Screenshot - iPad Pro (12 9-inch) (6th generation) - 2024-03-29 at 11 00 01](https://github.com/flutter/flutter/assets/109844522/07408588-8e08-4a3a-a5b9-e8d4ddb6fbb8)

Logs

No response

Flutter Doctor output

Doctor output ```console Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 3.7.7, on macOS 14.3 23D56 darwin-arm64, locale ja-JP) [✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0) [✓] Xcode - develop for iOS and macOS (Xcode 15.1) [✓] Chrome - develop for the web [✓] Android Studio (version 2022.1) [✓] VS Code (version 1.87.2) [✓] Connected device (3 available) [✓] HTTP Host Availability • No issues found! ```
LongCatIsLooong commented 1 month ago

[✓] Flutter (Channel stable, 3.7.7, on macOS 14.3 23D56 darwin-arm64, locale ja-JP)

I believe this is fixed in a newer version of Flutter. Could you check if this works on the latest stable?

LongCatIsLooong commented 1 month ago

I would like to know how to customize the text color and background color of the suggestion box.

Is this a feature request, or you would like to use the default text color (instead of the white color that made the candidate text invisible) for the currently selected IME candidate?

junka-0 commented 1 month ago

@LongCatIsLooong

I believe this is fixed in a newer version of Flutter. Could you check if this works on the latest stable?

I confirmed that it works fine on new version of flutter. Thank you 🙇

Is this a feature request, or you would like to use the default text color (instead of the white color that made the candidate text invisible) for the currently selected IME candidate?

It is not a request. But if there is a way other than upgrading Flutter version, I would like to know it.

LongCatIsLooong commented 1 month ago

Ah I thought you wanted to change the candidate text to use a custom color. Closing as a duplicate of https://github.com/flutter/flutter/issues/132548

github-actions[bot] commented 2 weeks ago

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.