Как использовать цвета в шестнадцатиричном формате в Flutter?

В Flutter можно использовать шестнадцатеричные строки цветов, преобразовав их в объекты Color. Класс Color в Flutter принимает целочисленное значение, а шестнадцатеричная строка цвета может быть преобразована в целое число с помощью функции Dart int.parse(). При использовании шестнадцатеричных цветов не забудьте добавить канал альфа (прозрачности), который представлен первыми двумя цифрами.

Шаги:

1. Добавьте 0xFF перед шестнадцатеричной строкой цвета, чтобы обеспечить полную непрозрачность. Формат будет выглядеть так: 0xAARRGGBB, где:

   • AA — альфа-канал (прозрачность).
   • RR — красный.
   • GG — зеленый.
   • BB — синий.

2. Используйте конструктор Color(), чтобы передать преобразованное значение.
   Пример:

   import 'package:flutter/material.dart';
   
   class HexColorExample extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text('Пример Шестнадцатеричных Цветов'),
           backgroundColor: Color(0xFF42A5F5), // Светло-голубой цвет
         ),
         body: Container(
           color: Color(0xFFFFEB3B), // Желтый цвет фона
           child: Center(
             child: Text(
               'Привет, Flutter!',
               style: TextStyle(
                 fontSize: 24,
                 color: Color(0xFF4CAF50), // Зеленый цвет текста
               ),
             ),
           ),
         ),
       );
     }
   }
   
   void main() => runApp(MaterialApp(home: HexColorExample()));
   

Объяснение:

• 0xFF42A5F5 — светло-голубой цвет, где FF означает полную непрозрачность.
• 0xFFFFEB3B — желтый цвет, где FF также означает полную непрозрачность.
• 0xFF4CAF50 — зеленый цвет с полной непрозрачностью.

Вот так можно использовать шестнадцатеричные строки цветов в вашем проекте на Flutter.