Flutter — это мощная платформа для создания кроссплатформенных мобильных приложений, обеспечивающая отличную поддержку обработки символов валют и форматирования. В этой статье мы рассмотрим различные методы включения символа INR (₹) в ваше приложение Flutter, чтобы ваше приложение выглядело и воспринималось локализованным для индийских пользователей. Итак, давайте углубимся и раскроем потенциал символа INR во Flutter!

Метод 1: использование строки Юникода

Символ INR может быть представлен с использованием его значения в Юникоде. Во Flutter вы можете напрямую использовать строку Юникода «\u20B9» для отображения символа INR. Вот пример:

Text('\u20B9', style: TextStyle(fontSize: 24));

Метод 2. Пользовательские шрифты

Другой подход — использовать собственный шрифт, включающий символ INR. Вы можете найти и загрузить шрифты символов индийской рупии из различных онлайн-источников. Получив файл шрифта, добавьте его в свой проект Flutter и используйте в текстовых виджетах вашего приложения. Вот пример:

Text(
  'Price: ₹200',
  style: TextStyle(
    fontFamily: 'CustomINRFont',
    fontSize: 18,
  ),
);

Метод 3: форматирование валюты

Если вам нужно отображать значения валют с помощью символа INR и правильного форматирования, Flutter предоставляет класс NumberFormatиз пакета intl. Этот класс позволяет форматировать числа в соответствии с правилами, специфичными для локали. Вот пример:

import 'package:intl/intl.dart';
void main() {
  var formatCurrency = NumberFormat.currency(locale: 'en_IN', symbol: '₹');
  print(formatCurrency.format(200));
}

Метод 4: локализация валюты

Чтобы ваше приложение было полностью локализовано и адаптировалось к предпочитаемому пользователем символу валюты, вы можете воспользоваться поддержкой локализации Flutter. Определите разные файлы локализации для каждого языка и укажите соответствующий символ валюты для каждой локали. Вот пример:

import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('en', 'IN'),
        const Locale('hi', 'IN'),
        // Add more supported locales as needed
      ],
      home: MyHomePage(),
    );
  }
}
class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('INR Symbol Demo'),
      ),
      body: Center(
        child: Text(
          'Price: ${getFormattedPrice(200)}',
          style: TextStyle(fontSize: 18),
        ),
      ),
    );
  }
  String getFormattedPrice(double price) {
    var formatCurrency = NumberFormat.currency(
      locale: Localizations.localeOf(context).toString(),
      symbol: '₹',
    );
    return formatCurrency.format(price);
  }
}

В этой статье мы рассмотрели несколько способов включения символа INR в ваше приложение Flutter. Независимо от того, решите ли вы использовать строки Unicode, пользовательские шрифты, форматирование валюты или использовать поддержку локализации Flutter, вы можете быть уверены, что ваше приложение будет предоставлять локализованный интерфейс для индийских пользователей. Применив эти методы, вы добавите своему приложению нотку знакомства и профессионализма, что сделает его более привлекательным для индийской аудитории.