No puedo hacer que funcione, el texto dentro de una casilla de verificación (base nativa) no se está reduciendo, ¿alguien sabe por qué? ¿Me estoy perdiendo algunas propiedades flexibles?
import React from "react" import {Box, Center, Checkbox, Heading, NativeBaseProvider, Text} from "native-base" export const List = () => { return ( <Box mb="10%" mt="30%" width="80%" height="80%" maxHeight="80%"> <Checkbox value={"superlongipermegatest"}> <Text mx="2"> superlongipermegatest </Text> </Checkbox> </Box> ) } export default () => { return ( <NativeBaseProvider> <Center flex={1} px="1"> <List/> </Center> </NativeBaseProvider> ) }Envuelva su Checkbox de verificación en un cuadro: < Box <Box width="100%"> esto restringirá el contenido a sus padres y envolverá el texto.
<Box mb="10%" mt="30%" width="80%" height="80%" maxHeight="80%"> <Box width="100%"> <Checkbox value={"superlongipermegatest"}> <Text mx="2"> superlongipermegatest </Text> </Checkbox> </Box> </Box>