This repository has been archived by the owner on Feb 4, 2021. It is now read-only.
Releases: invertase/react-native-material-design
Releases · invertase/react-native-material-design
0.3.7
- Fix CheckGroup selected state
onSelect
callback value. - Provide correct "react-native-material-design-styles" git URL in
package.json
- Add support for Exponent #88
- Fix setting a material color on Avatar component #93
- Fix label position on RadioButton #96
- Fix icon scaling in RN 0.3 #97
- Fix IconToggle badge value being undefined #91
0.3.6
0.3.5
0.3.4
- Fix toolbar leftIcon ripple effect 5de2798
- Allow border styling via props 23980c2
- React native material design styles is now pointing to https://github.com/react-native-material-design/react-native-material-design-styles which fixes the IOS font issue (#28) 1865417
- Buttons on IOS now have shadow and correct vertical alignment 7aa978e
0.3.3
0.3.2
Improvements
Ripple
polyfil now handlesonPress
&onLongPress
better, to act natively.IconToggle
badge handles 3 digits.Toolbar
allows for specific icon styling.Card
now takes custom styling.
Additions
- Core
Ripple
component added. Wraps polyfill and native ripple handler depending on API version. This is useful when using on apps which needs backwards compatibility. Avatar
now takes atext
prop, to allow for small amounts of text in the centre of the Avatar.
Minor Breaking Changes
- The
Button
value
prop has been renamed totext
, which is more consistent with other component props. Backwards compatibility forvalue
is present, but you'll get a console warning.
0.3.1
0.3.0
This release comes with many breaking changes, along with many improvements and bug fixes.
Main Changes
Avatar
- [BREAKING] The
src
prop has been replaced with animage
prop. This takes anImage
component to allow local and external sources.
Button
- The Ripple component has been moved away into a separate polyfill component for backwards compatibility.
- For compatible devices,
TouchableNativeFeedback
has been implemented. - Now supports a
onLongPress
function. - Fixed some minor text positioning issues.
- Raised buttons have elevation
Drawer
- Now supports a themes.
- Now supports a
style
prop. - [BREAKING] Items are now broken down into an array of objects in a single
Section
component. This is to allow for better styling configuration. - Improved icon & text alignment.
- Items now support
active
&disabled
states.
Toolbar
- Added default elevation.
- Add
elevation
prop to override default elevation.
IconButton (deprecated)
- This component has now been replaced with
IconToggle
.
IconToggle
The IconToggle
is a component which wrapper component around an Icon
which provides touchable feedback. On press, a circular opaque background is rendered.
- Takes a badge object, which is positioned at the top right of the container, one tenth the width away from the corner.
Checkbox, RadioButton & Toolbar
- All now implement
IconToggle
.
List
- This has been removed and will be brought it at a later release. It needs refactoring & updating.
Misc. Changes
- Added an internal
isCompatible
helper function. - Ripple is now a polyfill component, used mainly when
TouchableNativeFeedback
is not compatible with the SDK version. It has been made public for this convenience.
0.2.1
0.2.0
Updates to the following components:
Button:
- Allow direct color overrides
Checkbox:
- Stop ripple effect when disabled
CheckboxGroup:
- Items in checkbox are now formed via an array being passed
- Stopped empty selected values being passed on component mount
config.js:
- Changed “COLOR_NAME” to “PRIMARY_COLORS”
Icon:
- Default color now #757575 (Slight change via #2)
IconButton
- Add a counter and counter styling props to be passed in
Card:
- Updated Action styles to follow MD guidelines
- Actions now allow ‘left’ & ‘right’
- Allow Image element to be passed in as media source
Ripple:
- Fixed an issue where the ripple wouldn’t take up the full child space
- Change speed of ripple effect based on the child size (more consistent)
RadioButton:
- Stop ripple effect when disabled
RadioButtonGroup:
- Items are now formed by passing an array
Toolbar:
- Allow overrides
New Components
Drawer - Still work in progress, this release allows a basic header and list items with icons.