How to use the @ui-kitten/components.useStyleSheet function in @ui-kitten/components

To help you get started, we’ve selected a few @ui-kitten/components examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github akveo / react-native-ui-kitten / src / playground / src / components / showcase.component.tsx View on Github external
return React.cloneElement(listItemElement, {
      key: index,
      style: [styles.item, borderStyle, listItemElement.props.style],
    });
  };

  return (
    
      {showcase.sections.map(renderSectionItem)}
    
  );
};

const StyleSheet = useStyleSheet({
  container: {
    flex: 1,
    backgroundColor: 'background-basic-color-1',
  },
  item: {
    paddingHorizontal: 24,
    paddingVertical: 16,
  },
  itemBorder: {
    borderBottomWidth: 1,
    borderBottomColor: 'border-basic-color-3',
  },
});
github akveo / react-native-ui-kitten / src / playground / src / components / showcaseSettings.component.tsx View on Github external
status='danger'
        icon={TrashIcon}
        disabled={!props.settings}
        onPress={onResetButtonPress}>
        RESET
      
      
    
  );
};

const StyleSheet = useStyleSheet({
  container: {
    flexDirection: 'row',
    justifyContent: 'space-evenly',
    paddingVertical: 16,
    backgroundColor: 'background-basic-color-2',
  },
});