首页 > 解决方案 > 如何在本机反应中更改所有应用程序文本组件的字体大小?

问题描述

有没有办法改变所有应用程序Text组件的字体大小?我想创建一个通过单击来切换字体大小的按钮。我知道我可以通过更改单个组件的样式依赖项来做到这一点,但是有没有办法在整个应用程序中自动做到这一点?

标签: react-native

解决方案


制作您的自定义组件CText并在那里设置字体样式。然后全局替换<Text<CText. 不要忘记在顶部导入:P

在 CText 中编写类似的代码

const CText = (props) => {
   let { style, children } = props;
    
   return (
     <Text style={[style, {fontSize: SIZE]}>{children}</Text>
   );
};

推荐阅读