En mi aplicación nativa de reacción, necesito agregar los botones + y - en la pantalla de configuración para aumentar o disminuir el tamaño de fuente en toda la aplicación cuando hacemos clic en esos botones desde la pantalla de configuración. Cualquier ayuda sería apreciada.
una forma de hacer esto es crear un estado y actualizar el fontsize de fuente en el estilo
ejemplo:
const [fontSize, setFontSize] = useState(14); return ( <p style={{fontSize: `${fontSize}px`}}> My text </p> <button onChange={() => setFontSize(fontSize + 1)}>More</button> <button onChange={() => setFontSize(fontSize - 1)}>Less</button> ); para hacer esto, puede configurar este fontSize de fuente en el nivel superior.
otra forma de hacer esto es agregar cualquier CSS lib y establecer el mismo estado en un CSS global usando * en css