Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 我们怎样才能像fontAwesome图标一样在颤振中添加引导图标(即半圆图标)_Flutter_Flutter Layout - Fatal编程技术网

Flutter 我们怎样才能像fontAwesome图标一样在颤振中添加引导图标(即半圆图标)

Flutter 我们怎样才能像fontAwesome图标一样在颤振中添加引导图标(即半圆图标),flutter,flutter-layout,Flutter,Flutter Layout,我正在处理一个问题,我需要半圆形图标,但我搜索了很多,发现我认为颤振图标或fontAwesomeIcons图标不为我们提供该图标。所以我来了一个交叉引导图标,它提供了这个图标。现在我想知道我们如何在flutter中插入引导图标,就像在flutter中插入fa-fa图标一样 下面是图标的详细信息 <i class="bi bi-circle-half"></i> <svg xmlns="http://www.w3.org/2000/sv

我正在处理一个问题,我需要半圆形图标,但我搜索了很多,发现我认为颤振图标或fontAwesomeIcons图标不为我们提供该图标。所以我来了一个交叉引导图标,它提供了这个图标。现在我想知道我们如何在flutter中插入引导图标,就像在flutter中插入fa-fa图标一样 下面是图标的详细信息

<i class="bi bi-circle-half"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half" viewBox="0 0 16 16">
  <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
</svg>


您可以使用Svg文件作为图标(灵活性较低,需要在项目中添加Svg文件作为资产),也可以创建自定义字体图标。你只需要你的图标的SVG。你可以跟着这个

  • 将SVG拖动到“自定义图标”框

  • 为字体图标键入您最喜欢的名称(例如MyIcons)

  • 点击下载按钮。它为您提供字体(.ttf)和颤振类

  • 将字体(.ttf文件)添加到
    pubspec.yaml
    文件中。例如,请确保您的字体系列与上面键入的名称相同

  • 将生成的类添加到项目中

  • 使用自定义图标。比如说


  • 您可以使用Svg文件作为图标(灵活性较低,需要在项目中添加Svg文件作为资产),也可以创建自定义字体图标。你只需要你的图标的SVG。你可以跟着这个

  • 将SVG拖动到“自定义图标”框

  • 为字体图标键入您最喜欢的名称(例如MyIcons)

  • 点击下载按钮。它为您提供字体(.ttf)和颤振类

  • 将字体(.ttf文件)添加到
    pubspec.yaml
    文件中。例如,请确保您的字体系列与上面键入的名称相同

  • 将生成的类添加到项目中

  • 使用自定义图标。比如说


  • 您不需要添加任何额外字体来显示半圆

    CupertinoIcons.circle\u lefthalf\u fill
    CupertinoIcons.circle\u rightalhalf\u fill
    图标

    您不需要添加任何额外字体来显示半圆

    CupertinoIcons.circle\u lefthalf\u fill
    CupertinoIcons.circle\u rightalhalf\u fill
    图标

    ImageIcon小部件可以帮助您,您可以尝试一下。谢谢。我已经为此工作了一个小时。ThanksImageIcon小部件可能会帮助您,您可以尝试一下。谢谢。我已经为此工作了一个小时。ThanksI从尝试过此方法,但对我没有帮助,因为它显示的是not found[X]符号,而不是ICond你是否重置了running app?如果是,我认为您的pubspec是错误的。您是否在pubspec中添加了字体系列?我编辑了上面的代码,检查了一切,但没有帮助。但是你的第一个解决方案svgpicture解决了我的问题。ThanksI从尝试过此方法,但对我没有帮助,因为它显示的是not found[X]符号,而不是ICond你是否重置了running app?如果是,我认为您的pubspec是错误的。您是否在pubspec中添加了字体系列?我编辑了上面的代码,检查了一切,但没有帮助。但是你的第一个解决方案svgpicture解决了我的问题。谢谢
    fonts:
        - family: MyIcons
          fonts:
            - asset: assets/fonts/MyIcons.ttf
    
    Container(
      child: Icon(MyIcon.circle-half),
    ),