标签: react-native-vector-icons

奇怪的react-native-vector-icons是，它运行良好，但在新^版本的package.json文件中使用("^6.6.0") 作为其版本会发生此错误。

这很奇怪，因为两天前它运行良好，但现在我的项目开始时遇到了这个错误：

错误：错误：无法@react-native-community/toolbar-android从node_modules\react-native-vector-icons\lib\toolbar-android.js以下位置解析模块：在项目中找不到@react-native-community/toolbar-android。

反应本机自动链接不适用于反应本机矢量图标。我使用此https://github.com/oblador/react-native-vector-icons/issues/1035将其修复为android

但是在IOS上，我仍然面临问题。请让我知道是否有人解决了此问题...谢谢！

这是我面临的问题的屏幕截图。

我正在尝试找出 MaterialCommunityIcons 图标名称的类型定义，因为我打算将其用于道具。

我是 React-Native 的新手，我已将 react-native-vector-icons 库手动添加到 Xcode 和 Android Studio。如果使用 Xcode 运行代码，它会成功执行而没有任何问题。但是如果我尝试从终端（react-native run-ios）运行代码，它会在模拟器中显示“无法识别的字体系列材料”。但是如果我运行命令（react-native run-android），这个工作也是一样的。

请帮我。这是终端错误屏幕截图中显示的错误

** BUILD FAILED **


The following build commands failed:

    CompileC /Users/user/Documents/Test/JobsNProfiles/ios/build/Build/Intermediates.noindex/RNVectorIcons.build/Debug-iphonesimulator/RNVectorIcons.build/Objects-normal/x86_64/RCTFont+FA5.o /Users/user/Documents/Test/JobsNProfiles/node_modules/react-native-vector-icons/RNVectorIconsManager/RCTFont+FA5.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

我正在尝试在我的React Native 0.62.2应用程序中导入和使用我自己的自定义图标。

我按照此处概述的步骤https://github.com/oblador/react-native-vector-icons#custom-fonts但到目前为止图标没有显示。

以下是我遵循的步骤：

1. 创建我的图标集并将其转换为https://icomoon.io上的字体
2. 从下载zip文件IcoMoon并将ttf文件放入./src/assets/fonts文件夹
3. 然后我创建了react-native-config.js文件并放置在根目录中。这个文件中的代码在下面
4. 在我的组件文件夹下，我创建了CustomIcon.js- 请参阅下面的代码
5. 我还将下载的selection.json文件中包含的zip文件放置在IcoMoon与CustomIcon.js
6. 然后我使用CustomIcon如下所示

所以这里的代码是这样的：

该react-native-config.js文件如下所示：

module.exports = {
    project: {
      ios: {},
      android: {},
    },
    assets: ['./src/assets/fonts/']
  };

该CustomIcon.js文件如下所示：

import { createIconSetFromIcoMoon } from 'react-native-vector-icons';

import icoMoonConfig from './selection.json';
export default createIconSetFromIcoMoon(icoMoonConfig, 'StreamLine', '../../../assets/fonts/streamline-icon-set-1.ttf');

这是我使用图标的方式：

import CustomIcon from '../common_components/fonts/CustomIcon';

<CustomIcon name="home-outline" /> …

我已经使用react-native和设置了 monorepo 项目react-native-web。我正在为 Android、iOS 和 Web 共享相同的代码库。安装react-native-vector-icons后，我在所有三个平台上运行了代码，它在Android和iOS中运行良好，但在Web中运行不佳。在网络上它看起来像下面这样：

Webpack我已经按照这里的描述进行了设置

下面是我的Webpack配置config-overrides.js：

const fs = require('fs');
const path = require('path');
const webpack = require('webpack');

const appDirectory = fs.realpathSync(process.cwd());
const resolveApp = relativePath => path.resolve(appDirectory, relativePath);

// our packages that will now be included in the CRA build step
const appIncludes = [
    resolveApp('src'),
    resolveApp('../components/src'),
];
//below is the config for react-native-vector-icons
const ttf = {
    test: /\.ttf$/,
    loader: "file-loader",
    include: path.resolve(__dirname, "../../node_modules/react-native-vector-icons"), …

我正在尝试构建我的react-native应用程序,但我收到一个错误:

• 出了什么问题:配置项目':react-native-vector-icons'时出现问题.

• 无法解析所有配置文件':react-native-vector-icons:classpath'.

• 无法找到com.android.tools.build:gradle:2.3.+的任何匹配项,因为没有com.android.tools.build:gradle版本可用.

我尝试了以下命令:

• npm安装
• npm install npm -g
• npm rm --cached
• git clean -d -fx
• npm cache clean --force
• npm更新
• npm升级
• npm审核修复
• npm install react-native-vector-icons --save

我已经尝试了一些我能找到的关于如何解决这个问题但我不能让这个错误消失.有谁知道如何解决这个react-native-vector-icons构建失败错误？

如何从react-native-vector-icon组件中获取粗体图标或将样式道具传递给组件？

我试图从浏览器开发工具更改字体粗细 css 并且它起作用了

我刚刚react-native-vector-icons从 7.1 版升级到 8.0 版......现在我收到以下错误：

    unable to resolve module `./tab-bar-item-ios` from `node_modules\react-native-vector-icons\lib\create-icon-set.js`
    None of these files exist:
  * node_modules\react-native-vector-icons\lib\tab-bar-item-ios(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx).........etc

我使用 Windows 计算机在真实的 Android 设备上进行测试。有任何想法吗？

使用以下小吃：https : //snack.expo.io/ry_5rCk84

我正在尝试在我的本机应用程序中使用 Material Icons 显示图标“wifi_off”（只是在博览会上将此作为零食共享以方便共享），但这不是道具“名称”的公认值。并最终显示一个“？” 对于未知图标。我可以使用 ' material-community ' 图标集来使用wifi-off图标

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import { Constants } from 'expo';
import {Icon} from 'react-native-elements';

// You can import from local files
import AssetExample from './components/AssetExample';

// or any pure javascript modules available in npm
import { Card } from 'react-native-paper';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.paragraph}> …