How to change text in textformfield in flutter conatct picker

Question

I have fluttercontactpicker as suffix in my textformfield.

while selecting the contact it is not showing in textformfield.

EditTextField(
                                onChanged: (text) {
                                  setState(() => _phn = text);
                                },
                                input: [FilteringTextInputFormatter.digitsOnly],
                                isPassword: false,
                                inputType: TextInputType.number,
                                decoration: country_code,
                                isSuffix: InkWell(
                                  onTap: () async {
                                    final PhoneContact contact =
                                        await FlutterContactPicker
                                            .pickPhoneContact();
                                    if (contact != null) {
                                      setState(() {
                                        _phn = contact.phoneNumber!.number
                                            .removeAllWhiteSpace()
                                            .replaceFirst('+91', '')
                                            .toString();
                                        print("this is $_phn");
                                      });
                                    }
                                  },
                                  child: const Icon(
                                    Icons.contacts,
                                    color: t5DarkNavy,
                                  ),
                                ),
                              ),

Answer 1

You need to make use of controller for TextForm Field here is an example, you can update controller text with setState

    import 'package:flutter/foundation.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:fluttercontactpicker/fluttercontactpicker.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) => MaterialApp(
    home: MainWidget(),
  );
}

class MainWidget extends StatefulWidget {
  @override
  _MainWidgetState createState() => _MainWidgetState();
}

class _MainWidgetState extends State<MainWidget> {
  PhoneContact? _phoneContact;
  EmailContact? _emailContact;
  String? _contact;
  Image? _contactPhoto;

  @override
  Widget build(BuildContext context) => Scaffold(
    appBar: AppBar(
      title: const Text('Plugin example app'),
    ),
    body: Column(
      children: kIsWeb && !FlutterContactPicker.available
          ? [_buildError(context)]
          : _buildChildren(context),
    ),
  );

  Widget _buildError(BuildContext context) {
    return RichText(
      text: TextSpan(
          text:
          'Your browser does not support contact pickers for more information see: ',
          children: [
            TextSpan(
                text: 'https://web.dev/contact-picker/',
                style: TextStyle(
                  color: Colors.blue,
                  decoration: TextDecoration.underline,
                ),
                recognizer: TapGestureRecognizer()
                  ..onTap = () => launch('https://web.dev/contact-picker/')),
            TextSpan(text: ' and '),
            TextSpan(
                text:
                'https://developer.mozilla.org/en-US/docs/Web/API/Contact_Picker_API#Browser_compatibility/',
                style: TextStyle(
                  color: Colors.blue,
                  decoration: TextDecoration.underline,
                ),
                recognizer: TapGestureRecognizer()
                  ..onTap = () => launch(
                      'https://developer.mozilla.org/en-US/docs/Web/API/Contact_Picker_API#Browser_compatibility'))
          ]),
    );
  }

  List<Widget> _buildChildren(BuildContext context) {
    return <Widget>[
      if (_emailContact != null)
        Column(
          children: <Widget>[
            const Text("Email contact:"),
            Text("Name: ${_emailContact!.fullName}"),
            Text(
                "Email: ${_emailContact!.email!.email} (${_emailContact!.email!.label})")
          ],
        ),
      if (_phoneContact != null)
        Column(
          children: <Widget>[
            const Text("Phone contact:"),
            TextFormField(
              controller: TextEditingController()..text = '${_phoneContact!.fullName}',
              onSaved: (String? value) {
                debugPrint("Value Set To Be : ${_phoneContact!.fullName}");
              },
            ),
            Text(
                "Phone: ${_phoneContact!.phoneNumber!.number} (${_phoneContact!.phoneNumber!.label})")
          ],
        ),
      if (_contactPhoto != null) _contactPhoto!,
      if (_contact != null) Text(_contact!),
      ElevatedButton(
        child: const Text("pick phone contact"),
        onPressed: () async {
          final PhoneContact contact =
          await FlutterContactPicker.pickPhoneContact();
          print(contact);
          setState(() {
            _phoneContact = contact;
          });
        },
      ),
      ElevatedButton(
        child: const Text("pick email contact"),
        onPressed: () async {
          final EmailContact contact =
          await FlutterContactPicker.pickEmailContact();
          print(contact);
          setState(() {
            _emailContact = contact;
          });
        },
      ),
      ElevatedButton(
        child: const Text("pick full contact"),
        onPressed: () async {
          final FullContact contact =
          (await FlutterContactPicker.pickFullContact());
          setState(() {
            _contact = contact.toString();
            _contactPhoto = contact.photo?.asWidget();
          });
        },
      ),
      ElevatedButton(
        child: const Text('Check permission'),
        onPressed: () async {
          final granted = await FlutterContactPicker.hasPermission();
          showDialog(
              context: context,
              builder: (context) => AlertDialog(
                  title: const Text('Granted: '), content: Text('$granted')));
        },
      ),
      ElevatedButton(
        child: const Text('Request permission'),
        onPressed: () async {
          final granted = await FlutterContactPicker.requestPermission();
          showDialog(
              context: context,
              builder: (context) => AlertDialog(
                  title: const Text('Granted: '), content: Text('$granted')));
        },
      ),
    ];
  }
}

Answer 2

/// your code

TextEditingController _phn = TextEditingController();

_phn = contact.phoneNumber!.number
    .removeAllWhiteSpace()
    .replaceFirst('+91', '')
    .toString();

/// Modify as

_phn.text = contact.phoneNumber!.number
    .removeAllWhiteSpace()
    .replaceFirst('+91', '')
    .toString();