웹 뷰가 아니라 진짜 웹에 관한 이야기

플러터 웹에서 필요한 js 파일들은 모두 web 폴더 내에 js 폴더에 작성해야한다.

confirm("Are you sure!");

@JS()
library javascript_bundler;

import 'package:js/js.dart';

@JS('confirm')
external void showConfirm(String text);

@JS() 괄호 안에 사용할 자바스크립트 함수 이름을 넣어주면 된다.

class KeyBoard extends StatefulWidget {
  const KeyBoard({Key? key}) : super(key: key);

  @override
  _KeyBoardState createState() => _KeyBoardState();
}

class _KeyBoardState extends State<KeyBoard> {
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () {
        showConfirm('버튼 눌러짐');
      },
      child: const Padding(
        padding: EdgeInsets.all(8.0),
        child: Text('버튼'),
      ),
    );
  }
}