如何一次全局设置自定义字体系列并在整个本机应用程序中使用而不调用每个“文本”组件？

Question

根据此堆栈溢出解决方案，可以通过在每个Text组件中调用自定义字体来使用它。 但是当我们的应用程序中有数千个Text组件时，我们可能会碰巧错过相同的字体系列。 然后我们在字体系列的情况下失去一致性。

因此，有没有办法通过不调用每个Text组件来使用自定义字体系列？

Answer 1

只需通过以下链接，我相信这是您的要求

https://facebook.github.io/react-native/docs/text.html#limited-style-inheritance

如何在 React Native 中设置默认字体系列？

Answer 2

您可以通过使用 Text 在任何组件中添加此内容来覆盖 Text 行为：

编辑：将此代码添加到您的 App.js 或主文件中

let oldRender = Text.render;
Text.render = function (...args) {
    let origin = oldRender.call(this, ...args);
    return React.cloneElement(origin, {
        style: [{color: 'red', fontFamily: 'Arial'}, origin.props.style]
    });
} 

对于 React Native 0.56 或以下版本，在你的 App.js 或主文件中添加此代码

let oldRender = Text.prototype.render;
Text.prototype.render = function (...args) {
    let origin = oldRender.call(this, ...args);
    return React.cloneElement(origin, {
        style: [{color: 'red', fontFamily: 'Arial'}, origin.props.style]
    });
};

参考或者创建自己的组件，比如 MyAppText。 MyAppText 将是一个简单的组件，它使用您的通用样式呈现一个 Text 组件，并且可以通过其他道具等。