визуальная проблема с флаттером в сеть (шрифт и градиент)

Question

Я пытаюсь преобразовать проект флаттера в Интернет.

Я создал свой проект с помощью "flutter build web" и запустил простой сервер python с "python -m SimpleHTTPServer 8000"

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

Если вы хотите увидеть код, вот код для строки заголовка:

Row(
            children: <Widget>[
              ConstrainedBox(
                constraints: BoxConstraints(maxHeight: 100),
                child: Image.asset("assets/test.png",
                  width: _width * 0.075,
                  height: _width * 0.075,
                ),
              ),
              ConstrainedBox(
                constraints: BoxConstraints(maxHeight: 100, maxWidth: 322),
                child: SizedBox(
                  width: _width*0.5,
                  child: FittedBox(
                    fit: BoxFit.fitHeight,
                    child:Text("MAVOXEL",
                      style:TextStyle(
                        fontFamily: "Poppins-Bold",
                        letterSpacing: .6,
                        fontWeight: FontWeight.bold
                      )
                    )
                  )
                )
              )
            ]
          ),

И для кнопки:

class Button extends StatelessWidget{

  final Function callbackFunc;

  Button(this.callbackFunc);


  Widget build(BuildContext context){
    return new InkWell(
      child: Container(
        width: ScreenUtil.getInstance().setWidth(330),
        height: ScreenUtil.getInstance().setHeight(100),
        decoration: BoxDecoration(
            gradient: LinearGradient(colors: [
              Color(0xFF17ead9),
              Color(0xFF6078ea)
            ]),
            borderRadius: BorderRadius.circular(6.0),
            boxShadow: [
              BoxShadow(
                  color: Color(0xFF6078ea).withOpacity(.3),
                  offset: Offset(0.0, 8.0),
                  blurRadius: 8.0)
            ]),
        child: Material(
          color: Colors.transparent,
          child: InkWell(
            onTap: callbackFunc,
            child: Center(
              child: Text("SIGNIN",
                  style: TextStyle(
                      color: Colors.white,
                      fontFamily: "Poppins-Bold",
                      fontSize: 18,
                      letterSpacing: 1.0)),
            ),
          ),
        ),
      ),
    );
  }
}

Примечание: все работает хорошо с отладчиком на эмулированном iPhone 11 и на отладчике chrome и на chrome У меня та же проблема, но без шрифта проблема разрешения