web-dev-qa-db-ja.com

TextFieldの文字列入力の色を変更するにはどうすればよいですか？

私はアプリのスタイルで作業していますが、TextFieldの入力の色を変更することはできません。変更するプロパティはありません。

 new Theme(
            data: new ThemeData(
              hintColor: Colors.white
            ),
            child:
        new TextField(
          focusNode: _focusUsername,
          controller: _controller,
          decoration: new InputDecoration(
            border: InputBorder.none,
            fillColor: Colors.grey,
            filled: true,

            hintText: 'Username',
          ))),
dartcoding-stylestylesflutter
10
Mauricio De armas

TextStyleを割り当てることができます

new TextField(
  style: new TextStyle(color: Colors.white),
  ...

https://docs.flutter.io/flutter/painting/TextStyle-class.html

14
Günter Zöchbauer

以下の例では、テキストは「赤」で、TextFieldの背景は「オレンジ」です。

new TextField(
  style: new TextStyle(color: Colors.red),
  decoration: new InputDecoration(fillColor: Colors.orange, filled: true),
)

それはあなたの言うことですか？

アプリのテーマを通じて一般的にそれを実行したい場合、それは確かにトリッキーです。おそらくそのようなものになるでしょう：

theme: new ThemeData(
    textTheme: new TextTheme(
      body1: new TextStyle(color: Colors.black),
      body2: new TextStyle(color: Colors.black),
      button: new TextStyle(color: Colors.black),
      caption: new TextStyle(color: Colors.black),
      display1: new TextStyle(color: Colors.black),
      display2: new TextStyle(color: Colors.black),
      display3: new TextStyle(color: Colors.black),
      display4: new TextStyle(color: Colors.black),
      headline: new TextStyle(color: Colors.black),
      subhead: new TextStyle(color: Colors.red), // <-- that's the one
      title: new TextStyle(color: Colors.black),
    ),
    inputDecorationTheme: new InputDecorationTheme(
      fillColor: Colors.orange,
      filled: true,
    )
)
4
Feu