当我在我的世博会应用程序中应用字体时,它会在网络上显示,但不会在Android或iOS上应用

hlswsv35  于 2023-04-28  发布在  Android
关注(0)|答案(2)|浏览(123)

这是我的模拟器,我的字体不显示在这里
我的代码是

import { StyleSheet, View , Text } from 'react-native';
import Main from './src/Components/MainInput';
import React, { useState } from 'react';
import { Scheme } from './src/Utils/ColorScheme';
import { Spacing } from './src/Utils/Spacing';
import GettingTime from './src/Components/GettingTime';
import { DancingScript_400Regular , useFonts } from '@expo-google-fonts/dancing-script';

export default function App() {
    const [ data, addData ] = useState(null);
    let [ fontsLoaded ] = useFonts({
       DancingScript_400Regular,
      });
   
      if (!fontsLoaded) {
        return null;
      }
      
    return (
        <View style={styles.container}>
            {data ? <GettingTime 
            
             givenData={data}
              addData={addData}
               /> : <Main adddata={addData}/>}
               <View style={styles.copy}>
                <Text style={styles.copyText}>This App is Created by &copy; Hayder Ali. All &copy; Copyrights and &trade; Trademarks are reserved</Text>
               </View>
        </View>
    );
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: Scheme.background,
        alignItems: 'center',
        paddingTop: Spacing.xxxxl
    },
    copy:{
        padding:Spacing.md,
        
        
    },
    copyText:{
        color:Scheme.Figures,
        textAlign:"justify",
     fontFamily:"normal"
    }
});

谁能告诉我我做错了什么?

wf82jlnq

wf82jlnq1#

首先,我必须删除一个fontWeight: 'bold'声明,因为这实际上是不允许的。其次,我必须重新启动我的expo服务器。我试图添加'bold'声明回来测试它,它确实再次破坏了它。

ogq8wdun

ogq8wdun2#

1.创建资源文件夹
1.创建字体文件夹
1.将文件粘贴到Fonts文件夹
1.在Fonts文件夹中添加字体
1.创建react-native.config.js文件
1.将此代码添加到react-native.config.js文件中

module.exports = {
  assets: ['./src/assets/Fonts'],
};

1.运行npx react-native link命令

相关问题