图标在Flutter中无法正确显示

3
往往情况下,我选择显示的图标在整个应用程序中都不会显示(或者显示不正确)。我没有导入任何新的图标,我使用的所有图标都是从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


你使用的是哪个Flutter版本?这是真机还是模拟器? - undefined
Flutter版本:25.0.1,它是一个虚拟设备。正常工作的是Nexus S,不正常工作的是Pixel 2。但是不同设备在不同的时间可以正常工作。 - undefined
没有Flutter 25.0.1 版本。请将flutter doctor的输出添加到你的问题中。 - undefined
当然,给你。 - undefined
我明白了。那是Flutter插件的IDE版本。Flutter版本是0.4.4。已经有来自“beta”渠道的5.1.0版本可用。 - undefined
1个回答

0

这是一个已经修复的已知问题。

运行

flutter upgrade

获取包含此修复的较新版本的Flutter。


我运行并更新了Studio和我的插件,但是我的图标仍然没有变化。新的flutter doctor消息:`C:\Users\Maria\Downloads\flutter\bin\flutter.bat --no-color doctor 医生总结(要查看所有细节,请运行flutter doctor -v): [√] Flutter(beta频道,v0.5.1,在Microsoft Windows [Version 10.0.17134.165]上,区域设置为en-US) [√] Android工具链-用于开发Android设备(Android SDK 27.0.3) [√] Android Studio(版本3.1) [√] 已连接设备(1个可用)• 没有发现问题! 进程以退出代码0结束` - undefined
似乎我弄错了。问题似乎没有被解决 https://github.com/flutter/flutter/issues/17485 - undefined

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接