React Native Text.defaultProps 不存在并且创建它也不起作用

Question

我是 React Native (0.59.3) 的新手，我正在尝试为我的应用程序中的所有 Text 组件设置默认字体。我读过 and 。

在我的 App.js 中，我输入了：

import { Text } from 'react-native';

Text.defaultProps.style = { 
  fontFamily: 'AmericanTypewriter' //just for testing
}

但我得到 Cannot set property 'style' of undefined。

当我在此之前添加行 Text.defaultProps = Text.defaultProps || {}; 时，我没有收到错误，但什么也没有发生（所有 Text 组件仍然使用默认字体）。我尝试使用不同的字体（内置 iOS 字体和我链接和验证的自定义字体），使用它们的 PostScript 名称，但没有任何反应。

我做错了什么？

Answer 1

如果您想在您的应用程序中拥有自己的自定义 Text，您通常会创建一个自定义 Text 组件...然后直接在您的屏幕中使用它...或者使用它在您的其他 自定义组件 内部......这样您将在整个应用程序中拥有一致的外观和感觉

例子

您会在整个应用程序中使用 AppText ...而忘记 Text

const AppText = ({ text }) => (
  <Text style={{ fontFamily: 'AmericanTypewriter', ...restOfYourStyles }}>
    {text}
  </Text>
);

Answer 2

在更改 fontFamily 样式之前添加此内容

import { Text } from 'react-native';

Text.defaultProps = Text.defaultProps || {};

React Native Text.defaultProps 不存在并且创建它也不起作用

React Native Text.defaultProps does not exist and creating it doesn't work either

react-native

react-native-ios

react-native-text