currency_input_field 0.0.5

A Flutter package for a currency and amount input field. It allows the user to input an amount and select a currency in a drop down.

example/lib/main.dart

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

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

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

class _MyAppState extends State<MyApp> {
  String selectedCurrency = '';

  double enteredAmount = 0.0;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Currency Amount Input Example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            children: [
              CurrencyInputField(
                currencyHintText: "Currency",
                monetaryHintText: "Amount",
                currencies: const [
                  'ZAR',
                  'GBP',
                  'ZWL',
                  'USD'
                ],
                onCurrencyChanged: (currency) {
                  setState(() {
                    selectedCurrency = currency;
                  });
                  print('Selected currency: $currency');
                },
                onAmountChanged: (amount) {
                  setState(() {
                    enteredAmount = amount;
                  });
                  print('Entered amount: $amount');
                },
                validateAmount: (value) {
                  if (value == null || value.isEmpty) {
                    return 'Please enter an amount';
                  }
                  final amount = double.tryParse(value);
                  if (amount == null || amount <= 0) {
                    return 'Please enter a valid amount';
                  }
                  return null;
                },
                // Applying customizations
                currencyInputDecoration: const InputDecoration(
                  border: OutlineInputBorder(),
                  labelText: 'Currency',
                  hintText: 'Currency',
                ),
                amountInputDecoration: const InputDecoration(
                  border: OutlineInputBorder(),
                  labelText: 'Amount',
                  hintText: 'Enter Amount',
                ),
              ),
              SizedBox(height: 20.0),
              Text(
                "Selected Currency: $selectedCurrency",
                style: TextStyle(fontSize: 16.0),
              ),
              Text(
                "Entered Amount: $enteredAmount",
                style: TextStyle(fontSize: 16.0),
              ),
            ],
          ),
        ),
      ),
    );
  }
}