質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Q&A

解決済

1回答

743閲覧

hintTextに入力した文字が表示されない

tetsu15

総合スコア1

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

0グッド

0クリップ

投稿2021/04/29 08:47

編集2021/04/29 08:58

前提・実現したいこと

検索バーに「商品を検索」と表示したい

ここに質問の内容を詳しく書いてください。
現在、宅配アプリを開発しています。その際、商品検索機能をappbarに実装しようと思っていま。しかし、hintTextに入力した「商品を検索する」が表示されません。。
なぜこうなるのか教えて下さい。

エラーメッセージ
なし

該当のソースコード

child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: <Widget>[ Icon(Icons.search, color: Color(0xff999999)), TextFormField( maxLines: 1, decoration: InputDecoration( hintText: '商品を検索', border: InputBorder.none, //ToDo 検索機能を実装する ), ), ]),

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

Icons.searchは表示されているでしょうか?

TextFormFieldExpandedで囲ってみてください。

dart

1child: Row( 2 mainAxisAlignment: MainAxisAlignment.spaceBetween, 3 children: <Widget>[ 4 Icon(Icons.search, color: Color(0xff999999)), 5 Expanded( 6 child: TextFormField( 7 maxLines: 1, 8 decoration: InputDecoration( 9 hintText: '商品を検索', 10 border: InputBorder.none, 11 //ToDo 検索機能を実装する 12 ), 13 ), 14 ) 15 ]),

子ウィジェットによって横方向に広がるRowの中に、
制限しないと横方向に広がるTextFormFieldがあることが原因のように思います。

投稿2021/04/30 04:04

編集2021/04/30 04:19
satokei

総合スコア1217

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tetsu15

2021/04/30 07:09

無事商品検索という文字が表示されました!ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問