Aesthetic with React Native
Provides React Native support for Aesthetic, a React styling library.
Requirements
- React 15+
- React Native 0.40+
- Aesthetic
Installation
npm install aesthetic aesthetic-native react-native --save
// Or
yarn add aesthetic aesthetic-native react-native
Usage
React Native does not require an adapter, but does require a special instance of Aesthetic
,
which is provided by this package, aesthetic-native
.
;; ;
One key difference between React Native Aesthetic and normal Aesthetic is that React Native
styles are passed down to the component under the styles
prop, instead of classNames
.
;;;; { return <button type="button" style=stylesbutton> icon && <span style=stylesicon>icon</span> children </button> ;} ButtonpropTypes = children: PropTypesnode styles: StylesPropType icon: PropTypesnode; button: ... icon: ... Button;
Supported Adapters
Adapters that support React Native can be passed to the Aesthetic
instance.
Unified Syntax
React Native does not support Aesthetic's unified syntax.