Flutter Transfi WebView Plugin #

Plugin that allows Flutter to communicate with a native WebView.

Getting Started #

For help getting started with Flutter, view our online documentation.

iOS

In order for plugin to work correctly, you need to add new key to ios/Runner/Info.plist

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
    <key>NSAllowsArbitraryLoadsInWebContent</key>
    <true/>
</dict>

NSAllowsArbitraryLoadsInWebContent is for iOS 10+ and NSAllowsArbitraryLoads for iOS 9.

How it works #

Launch WebView with Flutter

class _MyAppState extends State<MyApp> {
  String _transactionStatus= '';
  final _transfiConnectPlugin = TransfiConnect();

  @override
  void initState() {
    super.initState();
  }

  Future<void> closeWebView() async {
    await _transfiConnectPlugin.closeWebView();
  }

  Future<void> openWebView() async {
   String status;
   const String url = "https://buy.transfi.com/?apiKey=[YOUR_API_KEY]";
    try {
      status =
          await _transfiConnectPlugin.openWebView(url) ?? 'Unknown';
          switch(status){
            case "success":
            //handle success
            break;
            case "error":
            //handle error
            break;
            default:
            //handle error
            break;
          }

    } on PlatformException {
      status = 'Something went wrong';
    }
    if (!mounted) return;
    setState(() {
      _transactionStatus = status;
    });
  }

 @override
 Widget build(BuildContext context) {
   return
     MaterialApp(
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              ElevatedButton(
                onPressed: openWebView,
                child: const Text('Open transfi'),
              ),
              Text(_transactionStatus),
            ],
          ),
        ),
      ),
    );
  }
}

transfi-on-ramp-flutter-sdk #