【问题标题】:How to change the Font Size in a whole react application?如何在整个反应应用程序中更改字体大小?
【发布时间】:2021-07-03 02:00:26
【问题描述】:

我创建了一个 react web 应用程序,下拉菜单包含字体大小。

我的需要是,如果我从下拉列表中选择字体大小“26”,那么它应该应用于我的整个项目。有什么办法可以做到吗?

【问题讨论】:

    标签: javascript html css reactjs font-size


    【解决方案1】:

    我个人会制作一个带有 styleSheet 的全局样式文件,我会在每个组件上导入以使用它。使用此文件,您可以使用存储中的变量(例如:字体样式)并将其应用于所有字体大小指令。 祝你好运!

    【讨论】:

    • 你能用sn-p解释一下吗?
    • 我可以试试!例如,在我的应用程序中,我有一个名为“Helpers”的文件夹,其中有一个文件:“style.js” 在这个文件中,我定义了我的整个应用程序样式:import { StyleSheet } from 'react-native' let color_text = '#fff' let color_button_text = '#262626' ... export default StyleSheet.create({ itemList: { height: 100, borderRadius: 10, overflow: 'hidden', marginHorizontal: 20, marginVertical: 10 }, imageItem: { flex: 1 } ... }) 如果你这样做,你可以使用设置字体大小的变量:redux / redux-persist
    猜你喜欢
    • 2017-03-06
    • 1970-01-01
    • 1970-01-01
    • 2012-09-24
    • 1970-01-01
    • 2012-05-11
    • 1970-01-01
    • 1970-01-01
    • 2014-04-06
    相关资源
    最近更新 更多