[colors] Flutter에서 16 진수 색상 문자열을 어떻게 사용합니까?

플러터에서 Color클래스 만 수락 정수를 매개 변수로 , 또는 명명 된 생성자를 사용할 수있는 가능성이 fromARGB하고 fromRGBO.

따라서 문자열 만 #b74093정수 값 으로 변환하면 됩니다. 또한 불투명도를 항상 지정 해야한다는 점을 존중해야 합니다.
255(전체) 불투명도는 16 진수 값으로 표시됩니다 FF. 이것은 이미 우리를 떠난다 0xFF. 이제 다음과 같이 색상 문자열을 추가하면됩니다.

const color = const Color(0xffb74093); // Second `const` is optional in assignments.

글자는 선택에 따라 대문자로 표시 할 수 있습니다.

const color = const Color(0xFFB74093);

Dart로 시작2.6.0extensionColor 하면 16 진수 색상 문자열을 사용하여 Color객체 를 만들 수 있는 클래스를 만들 수 있습니다 .

extension HexColor on Color {
  /// String is in the format "aabbcc" or "ffaabbcc" with an optional leading "#".
  static Color fromHex(String hexString) {
    final buffer = StringBuffer();
    if (hexString.length == 6 || hexString.length == 7) buffer.write('ff');
    buffer.write(hexString.replaceFirst('#', ''));
    return Color(int.parse(buffer.toString(), radix: 16));
  }

  /// Prefixes a hash sign if [leadingHashSign] is set to `true` (default is `true`).
  String toHex({bool leadingHashSign = true}) => '${leadingHashSign ? '#' : ''}'
      '${alpha.toRadixString(16).padLeft(2, '0')}'
      '${red.toRadixString(16).padLeft(2, '0')}'
      '${green.toRadixString(16).padLeft(2, '0')}'
      '${blue.toRadixString(16).padLeft(2, '0')}';
}

fromHex방법도 선언 할 수 mixin또는 class때문에 HexColor이름을 명시 적으로 사용하기 위해 지정해야하지만, 확장이 유용하다 toHex암시 적으로 사용할 수있는 방법. 예를 들면 다음과 같습니다.

void main() {
  final Color color = HexColor.fromHex('#aabbcc');

  print(color.toHex());
  print(const Color(0xffaabbcc).toHex());
}

16 진 문자열 사용의 단점

여기에있는 다른 많은 답변 Color은 위에서와 같이 16 진수 문자열을 동적으로 생성하는 방법을 보여줍니다 . 그러나 이렇게하면 색상이 색이 될 수 없습니다 const.
이상적으로,이 답변의 첫 번째 부분에서 설명한 방식으로 색상을 지정하면 색상을 많이 인스턴스화 할 때 더 효율적입니다. 일반적으로 Flutter 위젯의 경우입니다.

답변

Color mainColor = Color(0xffb74093);

class HexColor extends Color {
  static int _getColorFromHex(String hexColor) {
    hexColor = hexColor.toUpperCase().replaceAll("#", "");
    if (hexColor.length == 6) {
      hexColor = "FF" + hexColor;
    }
    return int.parse(hexColor, radix: 16);
  }

  HexColor(final String hexColor) : super(_getColorFromHex(hexColor));
}

Color color1 = HexColor("b74093");
Color color2 = HexColor("#b74093");
Color color3 = HexColor("#88b74093"); // if you wish to use ARGB format

Color myHexColor = Color(0xff123456)

// her you notice I use the 0xff and that is opacity or transparency of the color 
// and you can also change these value .

int hexToInt(String hex)
{
  int val = 0;
  int len = hex.length;
  for (int i = 0; i < len; i++) {
    int hexDigit = hex.codeUnitAt(i);
    if (hexDigit >= 48 && hexDigit <= 57) {
      val += (hexDigit - 48) * (1 << (4 * (len - 1 - i)));
    } else if (hexDigit >= 65 && hexDigit <= 70) {
      // A..F
      val += (hexDigit - 55) * (1 << (4 * (len - 1 - i)));
    } else if (hexDigit >= 97 && hexDigit <= 102) {
      // a..f
      val += (hexDigit - 87) * (1 << (4 * (len - 1 - i)));
    } else {
      throw new FormatException("Invalid hexadecimal value");
    }
  }
  return val;
}

Color color=new Color(hexToInt("FFB74093"));

Color _colorFromHex(String hexColor) {
  final hexCode = hexColor.replaceAll('#', '');
  return Color(int.parse('FF$hexCode', radix: 16));
}

Color color1 = _colorFromHex("b74093");
Color color2 = _colorFromHex("#b74093");

String color = yourHexColor.replaceAll('#', '0xff');

Container(
    color: Color(int.parse(color)),
)

var myInt = int.parse(hexString, radix: 16);

var myInt = int.parse("0x$hexString");

Color color = new Color(myInt).withOpacity(1.0);