使用自定义图标:'?'出现

Using custom icons : '?' shows up

我正在我的项目中使用 Apple 按钮实现自定义登录。我完成了这些步骤来使用自定义图标:

  1. this site获取图标和相关的飞镖文件。
  2. 将 dart 文件放在 lib 文件夹中,将 .ttf 文件放在 assets/icons
  3. 这是我的 pubspec.yaml 代码:
  assets:
    - assets/

  // assets end, fonts begin

  fonts:
    - family: Custom
      fonts:
        - asset: icons/Appleicon.ttf

  1. 在相关页面中: import 'package:project/appleicon_icons.dart' as CustomIcon; 相关容器代码:
Container(
                      decoration: BoxDecoration(
                          borderRadius: BorderRadius.all(Radius.circular(10)),
                          color: Colors.black),
                      child: Padding(
                        padding: const EdgeInsets.fromLTRB(0, 9, 0, 9),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Icon(CustomIcon.Appleicon.apple,
                                color: Colors.white),
                            SizedBox(width: 11),
                            Text(
                              "Continue with Apple",
                              style: TextStyle(
                                  color: Colors.white,
                                  fontWeight: FontWeight.w600,
                                  fontSize: 14,
                                  fontFamily: 'SF Pro'),
                            )
                          ],
                        ),
                      ),
                    ),

输出:

查询:如何获取我选择的苹果图标而不是“?”框 ?

编辑: 我尝试使用 Ionicons 插件,它有一个苹果图标。 Icon(Ionicons.logo_apple, color: Colors.white), 我用这个替换了自定义图标,但输出相同。这是为什么?

尝试添加图标 TTF 文件的完整路径。

我的字体在 assets/fonts 中,这就是我引用自定义 TTF 的方式:

assets:
 - assets/imgs/

fonts: 
- family: Toursy
  fonts: 
    - asset: assets/fonts/toursy.ttf

他们表现得很好。