如何使用 Flutter 在 AnalogClock() 小部件中显示不同时区的时间？

Question

如何更改不同时区的时钟时间？

     AnalogClock(
      textScaleFactor: 1.8,
      showAllNumbers: true,
      decoration: BoxDecoration(
          border: Border.all(width: 2.0, color: Colors.black),
          color: Colors.transparent,
          shape: BoxShape.circle),
    );

Answer 1

您可以通过其中的dateTime属性更改时间。使用toLocal()方法获取当前时区指定的等效日期/时间值。您可以从 dateTime 对象的 dataTime.timeZoneName 属性中获取当前时区。希望对你有帮助。

final dataTime = DataTime.now().toLocal();

AnalogClock(
    decoration: BoxDecoration(
        border: Border.all(width: 2.0, color: Colors.black),
        color: Colors.transparent,
        shape: BoxShape.circle),
    width: 150.0,
    isLive: true,
    hourHandColor: Colors.black,
    minuteHandColor: Colors.black,
    showSecondHand: false,
    numberColor: Colors.black87,
    showNumbers: true,
    textScaleFactor: 1.4,
    showTicks: false,
    showDigitalClock: false,
    datetime: dataTime,
    );