react-native-vector-icons中的Bug，图标是日语的

Question

我有一个react原生应用程序。

我有一个应用程序，但当我使用图标(react-native-vector-icons)时，图标会用日语显示，例如：

我想使用的图标是"add“

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>
    </>
  );
};
});

React-native Doctor：

 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.

Answer 1

得到相同的issue.Follow这条指令：

编辑android/app/build.gradle (非android/build.gradle )，添加如下内容：

申请者："../../node_modules/react-native-vector-icons/fonts.gradle“

然后重建。