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 and Checkbox dynamic size change #3801923
• Radio disabled hover styling #9f94763
• Focus and press state addition in web Radio #39ded36
• Removed _unchecked from Radio #7110d01
• Toast hardware back press conflict #98c1779
• IconButton isDisabled prop #5549e8e
• CheckBox extracting accessibilityLabel from nonLayoutProps #8058fcb