防止系统字体覆盖React-Native android中的app字体

Question

我需要在应用内部强制使用app字体，而不是被系统字体覆盖。即字体大小和fontFamily。我还分别在android和iOS的资源和资源中添加了我使用的字体。

：0.42

Answer 1

只需向Text组件添加样式，例如： <Text style={{ fontSize: 13, ... }>some text</Text>。

如果您想在应用程序的任何位置使用相同的样式，只需创建自己的组件：

import { Text } from 'react-native';

const MyCustomText = (props) => {
  const { style, children, ...rest } = props;
  return (
    <Text style={[{fontSize: 13}, style]} {...rest}>{children}</Text>
  )
}

export default MyCustomText;