ziofat / material_design_icons_flutter

The Material Design Icons (https://materialdesignicons.com/) Icon pack available as set of Flutter Icons.
MIT License
166 stars 33 forks source link

[web] Incorrect trimming result #28

Open Sammius opened 3 years ago

Sammius commented 3 years ago

Only the Web. This example uses the same code with the same icon in MDI and in the native implementation. In this case, the icon is shifted in the MDI:

import 'package:flutter/material.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';

void main() async {
  runApp(App());
}

class App extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.light(),
      home: AppCore(),
    );
  }
}

class AppCore extends StatefulWidget {
  @override
  _AppCoreState createState() => _AppCoreState();
}
class _AppCoreState extends State<AppCore> {

  @override
  Widget build(BuildContext context) {
    return Row( crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Container(
          child: Icon(Icons.check_box_outline_blank, size: 68),
          // child: Icon(MdiIcons.checkboxBlankOutline, size: 68),
          decoration: BoxDecoration( color: Colors.red ),
          clipBehavior: Clip.antiAlias,
        )
      ],
    );
  }
}

Native:

Screenshot 2020-10-19 at 11 04 37

MDI:

Screenshot 2020-10-19 at 11 05 41
ziofat commented 3 years ago

Well this might be related to #10 , which only appears on android FAB back then.

Sammius commented 3 years ago

Hi @ziofat

Do you think it is possible to fix this?

ziofat commented 3 years ago

I will try. I am more familiar with web so maybe this time I can find what is the real cause of this issue. :)

DarkHeros09 commented 2 years ago

any update related to this issue? i also have this problem on flutter web.

RaymondAtivie commented 2 years ago

Any update on this? Still facing this issue