問題タブ [flutter-form-builder]

連絡先名と電話番号のフィールドを持つフォームを作成しています。ユーザーは、以前に保存した連絡先リストから連絡先を選択 (タップ) できます。これにより、それぞれのフィールドに名前と電話番号が表示されます。

それを達成するために、Flutter_Form_Builder Package version: 3.14.0 の TypeAheadFormField を使用してフォームを作成しています。

デフォルトの TypeAheadFormField コントローラーで、ローカル データベースから _nameController を正常に割り当てました。しかし、タップしたのと同じ選択肢から _mobileController を FormBuilderTextField に割り当てることはできません。

TypeAheadFormField で「名前」値を取得できましたが、選択肢を提案から切り替えるたびに、FormBuilderTextField で _mobileController.text が更新されませんでした。

次のように私のコード：

タップしたときに _mobileController を更新する方法はありますか?

どんな助けでも大歓迎です。前もって感謝します。

編集済み：

顧客データを保存するクラス:

ここに私のデータベースがあります：

flutter_form_builder パッケージ内の FormBuilderRate の外観をフォーマットしようとしています ( pub.dev のパッケージへのリンク)。

具体的には、

1. アイテム間の水平線のフォーマットを削除または変更する方法
2. 接頭辞テキスト (例: 下のスクリーンショットの「Wwww...」) を評価星の下または中央に垂直に揃える方法
3. 接頭辞 Text の 4 つのインスタンスすべての右側と評価星の左側を揃える方法、接頭辞 Text と一番左の星の間の隙間を狭くpadding: const EdgeInsets.onlyする方法

コードは次のとおりです。

部分的な回答を含む更新＃1：

以下の@Millerの回答でInputDecoration(border: InputBorder.none),は、行を削除しますが、接頭辞のテキストと星を揃える問題は解決しません。

それでも、部分的なソリューション コードは次のとおりです。

これが Android エミュレーターでどのように表示されるかを次に示します (最初の 2 つの評価行は @Miller のアプローチを使用しており、#2 プレフィックスの垂直方向のテキスト配置の問題は修正されていません)。

更新 #2: 接頭辞テキストを評価星と垂直方向に揃える問題を解決しました:

@Joe Muller の回答 hereの一部に基づいて、実際のテキストを透明にし、影を追加してから、元のテキストよりも高い位置に影を配置しました。

コードのその部分は次のとおりです。

そして、ここに変更を加えたスクリーンショットがあります:

残っているのは、私の最初の質問からの #3 です: 接頭辞 Text の 4 つのインスタンスすべての右側と、評価星の左側を揃えて、接頭辞 Text と一番左の星の間のギャップを狭くする方法ハッキー パディングの使用: const EdgeInsets.only アプローチ)