Flutter实时汇率查询插件live_currency_rate的使用

live_currency_rate 是一个用于在Flutter应用中获取实时汇率并进行货币转换的插件。本文将详细介绍如何使用该插件，并提供一个完整的示例代码。

Gallery

以下是插件的示例界面：

Features

• 获取实时汇率
• 将一种货币金额转换为另一种货币
• 可用于将应用内购买的货币转换为默认货币，以便在管理后台显示

Getting Started

首先，需要在你的项目中添加 live_currency_rate 插件。打开 pubspec.yaml 文件，添加以下依赖：

dependencies:
  flutter:
    sdk: flutter
  live_currency_rate: ^最新版本号

然后，在你的Dart文件中导入插件：

import 'package:live_currency_rate/live_currency_rate.dart';

Usage

示例代码

以下是一个完整的示例代码，展示了如何使用 live_currency_rate 插件来获取实时汇率并进行货币转换：

import 'package:flutter/material.dart';
import 'package:live_currency_rate/live_currency_rate.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Live Currency App Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const Home(),
    );
  }
}

class Home extends StatefulWidget {
  const Home();

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  String rates = "";
  bool isLoading = false;

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;

    return Scaffold(
      appBar: AppBar(title: const Text("Live Currency App Demo")),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          SizedBox(
            width: size.width,
            child: const Text(
              "USD to AED",
              textAlign: TextAlign.center,
              style: TextStyle(fontSize: 22),
            ),
          ),
          SizedBox(
            width: size.width,
            child: const Text(
              "US Dollar to UAE Dirham",
              textAlign: TextAlign.center,
              style: TextStyle(fontSize: 10),
            ),
          ),
          const SizedBox(height: 20),
          isLoading
              ? const CircularProgressIndicator()
              : Column(
                  children: [
                    const Text(
                      "Real-Time Current Rate",
                      style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
                    ),
                    const SizedBox(height: 10),
                    Text(
                      rates,
                      style: const TextStyle(fontSize: 18, fontWeight: FontWeight.normal),
                    ),
                  ],
                ),
          const SizedBox(height: 20),
          ElevatedButton(
            onPressed: () async {
              setState(() {
                isLoading = true;
              });
              try {
                CurrencyRate rate = await LiveCurrencyRate.convertCurrency("USD", "AED", 1);
                setState(() {
                  rates = "1 USD  =  ${rate.result} AED";
                  isLoading = false;
                });
              } catch (e) {
                setState(() {
                  rates = "Error: $e";
                  isLoading = false;
                });
              }
            },
            child: const Text("Click to get Rates"),
          ),
        ],
      ),
    );
  }
}

Additional Information

• 使用 HTTPS 进行数据传输，因此可能需要一些时间来获取汇率。

• 建议使用异步函数来获取汇率。

• 目前支持的平台：

  • iOS: ✅
  • Android: ✅
  • Web: 🚫

• 由于服务器端尚未定义CORS，Web平台暂时无法使用。请等待进一步更新。

• 支持所有标准货币代码，例如：

  • AED
  • PKR
  • INR
  • USD
  • 等等

通过以上步骤和示例代码，你可以在Flutter应用中轻松实现实时汇率查询和货币转换功能。希望本文对你有所帮助！