Nuevo en NativeBase y usando la versión 3.4.1 .
Estamos descubriendo rápidamente que preferimos el tamaño "xl" para íconos y texto.
¿Existe una manera más fácil de establecer todos los tamaños de fuente en xl sin anular cada componente?
Actualmente estamos siguiendo los documentos y anulando defaultProps como este...
import { extendTheme } from 'native-base'; export const ExtendedNativeBaseTheme = extendTheme({ components: { Button: { defaultProps: { size: 'xl', }, }, Checkbox: { defaultProps: { _text: { fontSize: 'xl', }, }, }, Input: { defaultProps: { size: 'xl', }, }, Icon: { defaultProps: { size: 'xl', }, }, IconButton: { defaultProps: { _icon: { size: 'xl', }, }, }, Text: { defaultProps: { fontSize: 'xl', }, }, }, });La extensión de tema withDefaultSize es lo que desea.
Modificando el ejemplo de sus documentos:
import { extendTheme, withDefaultSize } from '@chakra-ui/react' const customTheme = extendTheme( withDefaultSize({ size: 'xl', components: ['Button', 'Checkbox', 'Icon', ...], }), ) Todo lo que necesita hacer es enumerar todos los componentes que necesitan tamaño xl en la propiedad de components