问题描述
我有一个应用程序,但是当我使用图标(react-native-vector-icons)时,该图标以日语显示,例如:
我要使用的图标是“添加”
但是当我在应用程序上显示如下图标时:
此应用的代码为:
代码:
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”
然后重建。