React-native-vector-icons中的错误,图标为日语

问题描述

我有一个本机应用程序。

我有一个应用程序,但是当我使用图标(react-native-vector-icons)时,该图标以日语显示,例如:

我要使用的图标是“添加

Icon

但是当我在应用程序上显示如下图标时:

bug

此应用的代码为:

Code

代码

const App = () => {
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView>
        <ScrollView
          contentInsetAdjustmentBehavior="automatic"
          style={styles.scrollView}>
          <Header />
          <View style={styles.body}>
            <View style={styles.sectionContainer}>
              <Text style={styles.sectionTitle}>Step One</Text>
              <Text style={styles.sectionDescription}>
                Edit <Text style={styles.highlight}>App.js</Text> to change this
                screen and then come back to see your edits.
                <Icon name="add" color="#000" size={22} />
              </Text>
          </View>
        </ScrollView>
      </SafeAreaView>
    </>
  );
};
});

本机医生:

 Common
 ✓ Node.js
 ✓ yarn

Android
 ✖ JDK
   - Version found: 1.8.0_265
   - Version supported: >= 8
 ✖ Android Studio - required for building and installing your app on Android
 ✓ Android SDK - required for building and installing your app on Android
 ✓ ANDROID_HOME

Errors:   2
Warnings: 0

Usage
 › Press f to try to fix issues.
 › Press e to try to fix errors.
 › Press w to try to fix warnings.
 › Press Enter to exit.

解决方法

遇到同样的问题。按照此说明进行操作:
编辑android / app / build.gradle(不是android / build.gradle)并添加以下内容:
适用于:“ ../../ node_modules / react-native-vector-icons / fonts.gradle”

然后重建。