v3.4.18
Features
- Introducing a new hook 馃獫
useSx
that resolves style prop to style object.
Example
const textStyle: StyledProps = {
color: ['orange.900', 'white', 'black'],
textAlign: 'center',
size: '12',
};
export const Example = () => {
const sx = useSx();
return (
<View
style={[
sx({
p: 2,
bg: ['blue.300', 'violet.400', 'red.400'],
width: 48,
height: 48,
}),
{ justifyContent: 'center', alignItems: 'center' },
]}
>
<Text style={sx(textStyle)}>New Feat useSx in NativeBase</Text>
</View>
);
};
Fixes
Link
isUnderline prop inside pseudo prop#4dc754e
Radio
andCheckbox
dynamicsize
change#3801923
Radio
disabled hover styling#9f94763
- Focus and press state addition in web
Radio
#39ded36
- Removed
_unchecked
fromRadio
#7110d01
Toast
hardware back press conflict#98c1779
IconButton
isDisabled prop#5549e8e
CheckBox
extractingaccessibilityLabel
from nonLayoutProps#8058fcb