无法更改字体系列(React-Native)

Ale*_*kup 5 css react-native

我对本机反应很陌生,对 CSS 没有太多经验。我只是想将字体系列更改为 helvetica。我试了很多次都没有改变

这是我的 css 代码:

import {StyleSheet} from "react-native";

export default StyleSheet.create({

  header: {
    backgroundColor:'#004D4D',
    height: 35,
  },

  headerT: {
    color: '#FFFFFF',
    fontSize: 20,
    fontFamily: 'Helvetica',
    textAlign: 'center',
    justifyContent: 'center',
  },

  body: {
    backgroundColor:'#E6FFFF',
    flex:1,
  },

})
Run Code Online (Sandbox Code Playgroud)

这是我要修改的页面

import React, { Component } from 'react';
import { Text, View, Button } from 'react-native';
import styles from "../style/css";

class HomeScreen extends Component{
  render(){
    return(
      <View style={styles.body}>


        <View style={styles.header}>
          <Text style={styles.headerT}>Home Screen</Text>
        </View>


      </View>

    );
  }
}

export default HomeScreen;
Run Code Online (Sandbox Code Playgroud)

这是我的目录

在此处输入图片说明

rid*_*tun 2

可用的反应原生字体列表:https ://github.com/react-native-training/react-native-fonts

如果您使用的是Android,Helvetica将无法直接使用,您需要使用自定义字体。

这是一篇关于React Native for iOS 和 Android 构建中的自定义字体的文章