フラッターテキストフォームフィールドで入力テキストの色を黒から白に変更する方法

ラヴィ・ムナンギ

アプリの背景色が黒です。そのため、入力テキストの色は表示されません。そのため、入力テキストの色を黒から白に変更する必要があります。

Widget showPasswordInput() {
    return Padding(
      padding: const EdgeInsets.fromLTRB(0.0, 15.0, 0.0, 0.0),
      child: new TextFormField(
        maxLines: 1,
        cursorColor: Colors.white,
        obscureText: true,
        autofocus: false,
        decoration: new InputDecoration(
          labelStyle: TextStyle(color: Colors.white),
            hintText: 'Password',
            hintStyle: TextStyle(color:Colors.white),
            icon: new Icon(
              Icons.lock,
              color: Colors.white,
            )),
        validator: (value) => value.isEmpty ? 'Password can\'t be empty' : null,
        onSaved: (value) => _password = value.trim(),
      ),
    );   
} 
スーマン・マハルジャン|

TextFormFieldのTextStyleプロパティを使用します

  Widget showPasswordInput() {
    return Padding(
      padding: const EdgeInsets.fromLTRB(0.0, 15.0, 0.0, 0.0),
      child: new TextFormField(
        style: TextStyle(color: Colors.white),
        maxLines: 1,
        cursorColor: Colors.white,
        obscureText: true,
        autofocus: false,
        decoration: new InputDecoration(
            labelStyle: TextStyle(color: Colors.white),
            hintText: 'Password',
            hintStyle: TextStyle(color:Colors.white),
            icon: new Icon(
              Icons.lock,
              color: Colors.white,
            )),
        validator: (value) => value.isEmpty ? 'Password can\'t be empty' : null,
        onSaved: (value) => _password = value.trim(),
      ),
    );

  }

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

テキストフォームの下の境界線の色を変更する方法フィールドフラッター

分類Dev

フォーカスでフラッターテキストフィールドの境界線の色を変更する方法

分類Dev

入力テキストフィールドのテキストをフォーマットする方法

分類Dev

Flutterで1つのテキストフィールドから次のテキストフィールドにフォーカスを変更する

分類Dev

フラッターのテキストフィールドのハイライト色を変更する

分類Dev

フラッターでテキストフィールドの内側の色を変更するにはどうすればよいですか?

分類Dev

値を入力しながらテキストフィールドの幅を動的に変更する方法

分類Dev

xamarinフォーム入力フィールドの無効なテキストの色を設定するにはどうすればよいですか?

分類Dev

内容がデフォルトから変更された場合は、テキストフィールドの入力スタイルを変更します

分類Dev

フォーカス入力のラベルのテキストの色を変更する

分類Dev

Swift の UIPicker からテキスト フィールドに入力する方法

分類Dev

フラッター変更テキストフィールドの下線色

分類Dev

HTMLのフォームの入力テキストフィールドに応答データを表示するにはどうすればよいですか?

分類Dev

テキストフィールドからの入力を印刷する方法は?

分類Dev

JavaFXでフォーカスされたテキストフィールドのグローアウトラインの色を変更する方法

分類Dev

テキストボックスの特定の単語を他のテキストフィールド入力に置き換える/変更する方法

分類Dev

cssを使用して入力フィールドのテキストの色を変更する

分類Dev

入力タイプをテキストからメールに変更すると、文字が重なる(cssとhtmlのみを使用したフォーム)

分類Dev

角度反応フォームでテキストフィールドに入力中にテキストを大文字に変換する

分類Dev

入力が不要な場合にラベルテキストを緑色で強調表示するブートストラップフォームの検証?

分類Dev

フォーム内の入力テキストフィールドの名前を取得する方法

分類Dev

フォームのテキストフィールドにボタンの画像を入力します

分類Dev

入力テキストフォームのテキストサイズを画像で変更する

分類Dev

sugarcrmのカスタムドロップダウンフィールドの値の変更時にカスタムテキストエリアにデータを入力するにはどうすればよいですか?

分類Dev

古いプラットフォームバージョンでedittextテキストの色を変更する

分類Dev

入力テキストフィールドを使用して、Javascriptで関数の値を動的に変更する

分類Dev

MaterialUI-フォーカスのテキストフィールドの色を変更する

分類Dev

javascript、css、htmlを使用してWebサイトのフォームのテキスト入力フィールド内にボタンを配置する方法

分類Dev

ユーザーがフォームのテキスト フィールドに特殊文字を入力できないようにする方法は?

Related 関連記事

  1. 1

    テキストフォームの下の境界線の色を変更する方法フィールドフラッター

  2. 2

    フォーカスでフラッターテキストフィールドの境界線の色を変更する方法

  3. 3

    入力テキストフィールドのテキストをフォーマットする方法

  4. 4

    Flutterで1つのテキストフィールドから次のテキストフィールドにフォーカスを変更する

  5. 5

    フラッターのテキストフィールドのハイライト色を変更する

  6. 6

    フラッターでテキストフィールドの内側の色を変更するにはどうすればよいですか?

  7. 7

    値を入力しながらテキストフィールドの幅を動的に変更する方法

  8. 8

    xamarinフォーム入力フィールドの無効なテキストの色を設定するにはどうすればよいですか?

  9. 9

    内容がデフォルトから変更された場合は、テキストフィールドの入力スタイルを変更します

  10. 10

    フォーカス入力のラベルのテキストの色を変更する

  11. 11

    Swift の UIPicker からテキスト フィールドに入力する方法

  12. 12

    フラッター変更テキストフィールドの下線色

  13. 13

    HTMLのフォームの入力テキストフィールドに応答データを表示するにはどうすればよいですか?

  14. 14

    テキストフィールドからの入力を印刷する方法は?

  15. 15

    JavaFXでフォーカスされたテキストフィールドのグローアウトラインの色を変更する方法

  16. 16

    テキストボックスの特定の単語を他のテキストフィールド入力に置き換える/変更する方法

  17. 17

    cssを使用して入力フィールドのテキストの色を変更する

  18. 18

    入力タイプをテキストからメールに変更すると、文字が重なる(cssとhtmlのみを使用したフォーム)

  19. 19

    角度反応フォームでテキストフィールドに入力中にテキストを大文字に変換する

  20. 20

    入力が不要な場合にラベルテキストを緑色で強調表示するブートストラップフォームの検証?

  21. 21

    フォーム内の入力テキストフィールドの名前を取得する方法

  22. 22

    フォームのテキストフィールドにボタンの画像を入力します

  23. 23

    入力テキストフォームのテキストサイズを画像で変更する

  24. 24

    sugarcrmのカスタムドロップダウンフィールドの値の変更時にカスタムテキストエリアにデータを入力するにはどうすればよいですか?

  25. 25

    古いプラットフォームバージョンでedittextテキストの色を変更する

  26. 26

    入力テキストフィールドを使用して、Javascriptで関数の値を動的に変更する

  27. 27

    MaterialUI-フォーカスのテキストフィールドの色を変更する

  28. 28

    javascript、css、htmlを使用してWebサイトのフォームのテキスト入力フィールド内にボタンを配置する方法

  29. 29

    ユーザーがフォームのテキスト フィールドに特殊文字を入力できないようにする方法は?

ホットタグ

アーカイブ