1import UIKit
2
3class LoginTextFieldView: UIView {
4    init() {
5        super.init(frame: .zero)
6        // xibで作成したViewをUIViewに追加
7        if let view = Bundle(for: type(of: self)).loadNibNamed(String(describing: type(of: self)), owner: self, options: nil)?.first as? UIView {
8            self.addSubview(view)
9
10            // xibで作成したViewがUIViewいっぱいに広がるよう制約を設定
11            view.translatesAutoresizingMaskIntoConstraints = false
12            NSLayoutConstraint.activate([
13                view.topAnchor.constraint(equalTo: self.topAnchor),
14                view.leftAnchor.constraint(equalTo: self.leftAnchor),
15                view.rightAnchor.constraint(equalTo: self.rightAnchor),
16                view.bottomAnchor.constraint(equalTo: self.bottomAnchor)
17            ])
18        }
19    }
20
21    required init?(coder: NSCoder) {
22        fatalError("init(coder:) has not been implemented")
23    }
24}

1class LoginTextFieldPlatformView: NSObject, FlutterPlatformView {
2    private let loginTextFieldView: LoginTextFieldView
3
4    init(_ loginTextFieldView: LoginTextFieldView) {
5        self.loginTextFieldView = loginTextFieldView
6        super.init()
7    }
8
9    func view() -> UIView {
10        return loginTextFieldView
11    }
12}
13
14class LoginTextFieldPlatformViewFactory: NSObject, FlutterPlatformViewFactory {
15    private let loginTextFieldPlatformView: LoginTextFieldPlatformView
16
17    init(_ loginTextFieldPlatformView: LoginTextFieldPlatformView) {
18        self.loginTextFieldPlatformView = loginTextFieldPlatformView
19        super.init()
20    }
21
22    func create(withFrame frame: CGRect, viewIdentifier viewId: Int64, arguments args: Any?) -> FlutterPlatformView {
23        return loginTextFieldPlatformView
24    }
25}

1import UIKit
2import Flutter
3
4@UIApplicationMain
5@objc class AppDelegate: FlutterAppDelegate {
6    override func application(
7        _ application: UIApplication,
8        didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
9    ) -> Bool {
10        let loginTextFieldView = LoginTextFieldView() // ←追加
11
12        GeneratedPluginRegistrant.register(with: self)
13
14        let loginTextFieldPlatformView = LoginTextFieldPlatformView(loginTextFieldView) // ←追加
15        let loginTextFieldPlatformViewFactory = LoginTextFieldPlatformViewFactory(loginTextFieldPlatformView) // ←追加
16        self.registrar(forPlugin: "login_view_plugin")!.register(loginTextFieldPlatformViewFactory, withId: "login_text_field") // ←追加
17
18        return super.application(application, didFinishLaunchingWithOptions: launchOptions)
19    }
20}

1import 'package:flutter/material.dart';
2
3class LoginTextField extends StatefulWidget {
4    const LoginTextField({
5        super.key,
6    });
7
8    @override
9    State<LoginTextField> createState() => LoginTextFieldState();
10}
11
12class LoginTextFieldState extends State<LoginTextField> {
13    @override
14    Widget build(BuildContext context) {
15        const viewType = 'login_text_field';
16        return const UiKitView(viewType: viewType);
17    }
18}

1import Flutter
2import UIKit
3
4// ↓追加
5protocol LoginTextFieldViewDelegate: AnyObject {
6    func editingChangedLoginId(text: String) -> Void
7    func editingChangedPassword(text: String) -> Void
8}
9
10class LoginTextFieldView: UIView {
11
12    weak var delegate: LoginTextFieldViewDelegate? // ←追加
13
14    ...省略
15
16    // ↓追加
17    @IBAction private func editingChangedLoginIdTextField(_ sender: UITextField) {
18        delegate?.editingChangedLoginId(text: sender.text ?? "")
19    }
20
21    // ↓追加
22    @IBAction private func editingChangedPasswordTextField(_ sender: UITextField) {
23        delegate?.editingChangedPassword(text: sender.text ?? "")
24    }
25}

1import Flutter
2
3class LoginTextFieldStreamHandler: NSObject, FlutterStreamHandler {
4    private var eventSink: FlutterEventSink?
5
6    func onListen(withArguments arguments: Any?, eventSink events: @escaping FlutterEventSink) -> FlutterError? {
7        eventSink = events
8        return nil
9    }
10
11    func onCancel(withArguments arguments: Any?) -> FlutterError? {
12        return nil
13    }
14}
15
16extension LoginTextFieldStreamHandler: LoginTextFieldViewDelegate {
17    func editingChangedLoginId(text: String) {
18        eventSink?(["loginId": text])
19    }
20
21    func editingChangedPassword(text: String) {
22        eventSink?(["password": text])
23    }
24}

1import UIKit
2import Flutter
3
4@UIApplicationMain
5@objc class AppDelegate: FlutterAppDelegate {
6    override func application(
7        _ application: UIApplication,
8        didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
9    ) -> Bool {
10        let loginTextFieldView = LoginTextFieldView()
11
12        let controller = window.rootViewController as! FlutterViewController　// ←追加
13        let loginTextFieldStreamHandler = LoginTextFieldStreamHandler()　// ←追加
14        // イベントチャネルに任意の名前を付け、controllerのbinaryMessengerを使って初期化
15        let loginIdEventChannel = FlutterEventChannel(name: 　"login_text_field_view_handler", binaryMessenger: controller.binaryMessenger)　// ←追加
16        loginIdEventChannel.setStreamHandler(loginTextFieldStreamHandler)　// ←追加
17
18        loginTextFieldView.delegate = loginTextFieldStreamHandler　// ←追加
19
20       ...省略
21    }
22}

1import 'package:flutter/material.dart';
2import 'package:flutter/services.dart';
3
4class LoginTextField extends StatefulWidget {
5    final Function(String) onChangedLoginId; // ←追加
6    final Function(String) onChangedPassword;　// ←追加
7
8    const LoginTextField({
9        super.key,
10        required this.onChangedLoginId,　// ←追加
11        required this.onChangedPassword,　// ←追加
12    });
13
14    @override
15    State<LoginTextField> createState() => LoginTextFieldState();
16}
17
18class LoginTextFieldState extends State<LoginTextField> {
19    static const _loginTextFieldEventChannel =
20        EventChannel('login_text_field_view_handler');　// ←追加
21
22    // ↓追加
23    @override
24    void initState() {
25        _loginTextFieldEventChannel.receiveBroadcastStream().listen((event) {
26            const loginIdKey = 'loginId';
27            const passwordKey = 'password';
28            if (event.containsKey(loginIdKey)) {
29                widget.onChangedLoginId(event[loginIdKey]);
30            } else if (event.containsKey(passwordKey)) {
31                widget.onChangedPassword(event[passwordKey]);
32            }
33        });
34        super.initState();
35    }
36
37    ...省略
38}

1class LoginTextFieldView: UIView {
2    @IBOutlet private weak var passwordTextField: UITextField! // ←追加
3
4    ...省略
5
6    // ↓追加
7    func clearPassword() {
8        passwordTextField.text = ""
9    }
10}

1import UIKit
2import Flutter
3
4@UIApplicationMain
5@objc class AppDelegate: FlutterAppDelegate {
6    override func application(
7        _ application: UIApplication,
8        didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
9    ) -> Bool {
10        let loginTextFieldView = LoginTextFieldView()
11
12        let controller = window.rootViewController as! FlutterViewController
13        // ↓追加
14        let methodChannel = FlutterMethodChannel(name: "flutter_password_auto_fill/login_text_field_method", binaryMessenger: controller.binaryMessenger)
15        methodChannel.setMethodCallHandler { methodCall, result in
16            guard methodCall.method == "clear_password" else {
17                return result(FlutterMethodNotImplemented)
18            }
19            loginTextFieldView.clearPassword()
20            return result(nil)
21        }
22
23       ...省略
24    }
25}

1class LoginTextFieldState extends State<LoginTextField> {
2    static const _loginTextFieldEventChannel =
3        EventChannel('login_text_field_view_handler');
4    static const _loginTextFieldMethodChannel =
5        MethodChannel('flutter_password_auto_fill/login_text_field_method'); // ←追加
6
7    // ↓追加
8    Future<void> clearPassword() async {
9        await _loginTextFieldMethodChannel.invokeMethod('clear_password');
10    }
11
12        ...省略
13}

1import 'package:flutter/material.dart';
2import 'package:flutter_password_auto_fill/login/login_text_field.dart';
3import 'package:flutter_password_auto_fill/login_success/login_success_screen.dart';
4
5class LoginScreen extends StatelessWidget {
6   const LoginScreen({super.key});
7
8   @override
9   Widget build(BuildContext context) {
10       final loginTextFieldKey = GlobalObjectKey<LoginTextFieldState>(context);
11
12       return Scaffold(
13           appBar: AppBar(
14           title: const Text('ログイン'),
15           ),
16           body: SafeArea(
17               child: Padding(
18                   padding: const EdgeInsets.all(32.0),
19                   child: Column(
20                       children: [
21                           const Icon(
22                               Icons.lock_outline,
23                               size: 50,
24                               color: Colors.black45,
25                           ),
26                           const SizedBox(height: 32),
27                           SizedBox(
28                               height: 88,
29                               child: LoginTextField( // ←作成したViewを配置
30                                   key: loginTextFieldKey,
31                                   onChangedLoginId: (text) {
32                                       print('loginId: $text');
33                                   },
34                                   onChangedPassword: (text) {
35                                       print('password: $text');
36                                   },
37                               ),
38                           ),
39                           const SizedBox(height: 24),
40                           ElevatedButton(
41                               onPressed: () async {
42                                   await Navigator.push(
43                                       context,
44                                       MaterialPageRoute(
45                                           builder: (context) {
46                                               return const LoginSuccessScreen();
47                                           },
48                                       ),
49                                   );
50                                   loginTextFieldKey.currentState?.clearPassword(); // ←画面を戻った時にパスワードをクリア
51                               },
52                               child: const Text(
53                                   'ログイン',
54                                   style: TextStyle(
55                                       fontSize: 16,
56                                       fontWeight: FontWeight.bold,
57                                   ),
58                               ),
59                           ),
60                       ],
61                   ),
62               ),
63           ),
64       );
65   }
66}

1import 'package:flutter/material.dart';
2
3class LoginSuccessScreen extends StatelessWidget {
4 const LoginSuccessScreen({super.key});
5
6 @override
7 Widget build(BuildContext context) {
8   return Scaffold(
9     appBar: AppBar(
10       title: const Text('ログイン成功'),
11     ),
12     body: const SafeArea(
13       child: Center(
14         child: Text('ログイン成功'),
15       ),
16     ),
17   );
18 }
19}

1{
2    "webcredentials": {
3        "apps": [
4            "{App ID Prefix(Team ID)}.{Bundle ID}"
5        ]
6    }
7}

1プロジェクト
2├── .firebase
3├── public/
4│   ├── .well-known
5│   │   └── apple-app-site-association
6│   ├── 404.html
7│   └── index.html
8├── .firebaserc
9├── .gitignore
10└── firebase.json

1{
2    "hosting": {
3        "public": "public",
4        "ignore": [
5            "firebase.json",
6            "**/.*",
7            "**/node_modules/*"
8        ],
9        "headers": [
10            {
11                "source": "/.well-known/apple-app-site-association",
12                "headers": [
13                    {
14                        "key": "Content-Type",
15                        "value": "application/json"
16                    }
17                ]
18            }
19        ],
20        "appAssociation": "NONE"
21    }
22}