图标无法正确显示

时间:2018-07-31 16:00:25

标签: android ios dart flutter

通常,我选择显示的图标不会在整个应用程序中显示(或显示不正确)。我不会导入任何新图标,我使用的所有图标都是从Flutter的默认库中选择的。

在Android设备上,它几乎是命中注定的。所有图标都正确显示,或者它们都给出了相同的错误占位符。就像我说的那样,它们经常不显示。

Android AppBar Icon Working

Android AppBar Icon Not Working

Android Drawer Working

Android Drawer Not Working

iOS是一个不同的故事,尽管它们通常通常仍然无法正常运行,但有时会提供随机表情符号,而不是正确的图标或错误框。如您在第二张图片中所看到的,它放置了一个向前箭头表情符号来代替打开抽屉的列表状图标。以前,“抽屉”中的“关闭”图标显示为强壮的手臂表情符号。

iOS Error Boxes

iOS Random Emoji

return Scaffold(
  key: _scaffoldKey,
  appBar: AppBar(
    leading: IconButton(
      icon: Icon(Icons.format_align_center),
      onPressed: () => _scaffoldKey.currentState.openDrawer(),
    ),
    title: Text(
      "INFORMATION",
      style: TextStyle(
        fontFamily: 'Titillium SemiBold',
        fontSize: 37.0,
      ),
    ),
    centerTitle: false,
    backgroundColor: Colors.white,
    elevation: 0.5,
  ),
  drawer: Drawer(
    child: SingleChildScrollView(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Container(
              height: 150.0,
              color: Colors.white.withRed(191).withGreen(194).withBlue(200),
              child: FittedBox(
                  alignment: Alignment.bottomCenter,
                  child: Padding(
                    padding: EdgeInsets.fromLTRB(20.0, 0.0, 20.0, 8.0),
                    child: Text(
                      "VITALITY PRO",
                      style: TextStyle(
                          color: Colors.white
                      ),
                    ),
                  )
              )
          ),
          SizedBox(height: 10.0),
          ListTile(
            title: Text(
              "TERMS & CONDITIONS",
              style: TextStyle(
                fontSize: 18.0,
              ),
            ),
            onTap: () => Navigator.pushNamed(context, '/terms'),
          ),
          Divider(),
          ListTile(
            title: Text(
              "PRIVACY POLICY",
              style: TextStyle(
                  fontSize: 18.0
              ),
            ),
            onTap: () => Navigator.pushNamed(context, '/privacy'),
          ),
          Divider(),
          SizedBox(height: 10.0),
          ListTile(
            title: Text(
              "CLOSE",
              style: TextStyle(
                  fontSize: 18.0
              ),
            ),
            trailing: Icon(Icons.clear),
            onTap: () => Navigator.pop(context),
          ),
          SizedBox(height: 10.0),
          Divider(),
          Flexible(
            fit: FlexFit.loose,
            child: Align(
              alignment: Alignment.bottomCenter,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  FlatButton(
                    child: Text(
                      "LOGOUT",
                      style: TextStyle(
                        color: Colors.black38,
                      ),
                    ),
                    onPressed: () => Navigator.pushNamed(context, '/origin'),
                  ),
                  Text("@Copyright 2018, ISPA Technology, LLC"),
                ],
              ),
            ),
          ),
        ],
      ),
    ),
  ),

Flutter Doctor

Flutter Version

1 个答案:

答案 0 :(得分:0)

这是一个自解决以来的已知问题。

运行

flutter upgrade

以获取包含此修复程序的更高版本的Flutter。