NativeBase Versions Save

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

Changes

Exposed React context for a few components like Radio.

Fix • size prop typing issues Button, Select and other components

Fixes

• Added dependency use-subscription https://github.com/GeekyAnts/NativeBase/pull/5339
• Input focus issue with addons https://github.com/GeekyAnts/NativeBase/pull/5338

Fixes

• Unset focus from Modal https://github.com/GeekyAnts/NativeBase/pull/5333/commits/8205c6e4f55ff88e7292d604827ea4457a47e986
• dataSet issue on web https://github.com/GeekyAnts/NativeBase/pull/5333/commits/9e940709462f0424042f9457c02267815a9b450a
• Responsive props resolution https://github.com/GeekyAnts/NativeBase/pull/5333/commits/55a1a762396f7ec8ed5d2cef00e7d1f00f19bbb2
• Input outline color props https://github.com/GeekyAnts/NativeBase/pull/5333/commits/adda3217e84ce4ffcd3f067e518743525af2e8ab
• Arrow forward icon https://github.com/GeekyAnts/NativeBase/pull/5333/commits/125384d0769eeab9ea5f3f4c6bf4a5864d1e6fbd
• Correcting prop description https://github.com/GeekyAnts/NativeBase/pull/5333/commits/ff5ff335dd3eea3858826abd5fc57928fbea2fcf
• Icon is not aligned with the text https://github.com/GeekyAnts/NativeBase/pull/5333/commits/badccfff9cd0611235b8545a6966c7f579bf3e4a
• Add use-subscription types https://github.com/GeekyAnts/NativeBase/pull/5333/commits/745ffc28c3a0fec2d349925d13cc721edb158036
• Live color mode change https://github.com/GeekyAnts/NativeBase/pull/5333/commits/51a558cf5f1f9eb634849c99d39727572453c91a
• Actionsheet only on android and ios https://github.com/GeekyAnts/NativeBase/pull/5333/commits/0407503202c13fb2550dc6e8833d1f811372bc96
• Removing mode and adding _light and _dark https://github.com/GeekyAnts/NativeBase/pull/5333/commits/9d96089d83a6ffc9112124f415717a7625cd6d6a
• Outline issue of safari https://github.com/GeekyAnts/NativeBase/pull/5333/commits/d6175714eb70aba71b76e10751009e439ab0571f
• Added new palette for theming https://github.com/GeekyAnts/NativeBase/pull/5333/commits/5d888e0cd5601db49e6544a99a3c7f52d5a85ab2
• Remove event listener https://github.com/GeekyAnts/NativeBase/pull/5333/commits/1aa908c59c7dfe091d74fda139c7fbb878650237
• Key prop warning https://github.com/GeekyAnts/NativeBase/pull/5333/commits/6e8c04bbbfc9aeefc199db637ce9a5166c07c756
• Removing _light from theme https://github.com/GeekyAnts/NativeBase/pull/5333/commits/dd7a2be3aeb702ee84d0d6f35dcd482850ebf467
• Added type for variant and size in custom props type https://github.com/GeekyAnts/NativeBase/pull/5333/commits/c29a966c40fd926eedd59f41b2244178d79659dc
• Updated HStack theme https://github.com/GeekyAnts/NativeBase/pull/5333/commits/f7aad04c30f052e64b1db13926790a4106b343d2
• SSR warning https://github.com/GeekyAnts/NativeBase/pull/5333/commits/f056c6c72aa9510439a0b9bc7d0f2339e04e850f
• Input addon theme https://github.com/GeekyAnts/NativeBase/pull/5333/commits/c41856224b4bcfce7d5923762db5b544f79f9140
• nativeID issue in FormControl https://github.com/GeekyAnts/NativeBase/pull/5333/commits/27d8dc47f5786549ecb548a46a7da127b2343612
• Input focus ring fixes https://github.com/GeekyAnts/NativeBase/pull/5333/commits/885711e6fc9ca3261a296d005229811329766586