react-native-material-ui - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

package.json

 {
   "name": "react-native-material-ui",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "React Native Material Design Components",
@@ -5,0 +5,0 @@ "main": "./index.js",

README.md

@@ -10,2 +10,3 @@
 [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/xotahal/react-native-material-ui/master/LICENSE)
+[![Beerpay](https://beerpay.io/xotahal/react-native-material-ui/badge.svg?style=beer-square)](https://beerpay.io/xotahal/react-native-material-ui)  [![Beerpay](https://beerpay.io/xotahal/react-native-material-ui/make-wish.svg?style=flat-square)](https://beerpay.io/xotahal/react-native-material-ui?focus=wish)
 
@@ -145,2 +146,3 @@
 <img src="https://raw.githubusercontent.com/xotahal/react-native-material-ui-demo-app/master/resources/toolbars-anim-1.gif" width="280">
+<img src="https://raw.githubusercontent.com/xotahal/react-native-material-ui-demo-app/master/resources/bottom-navigation-1.gif" width="285">
 ![Example 1](https://raw.githubusercontent.com/react-native-material-design/demo-app/master/resources/examples-1.jpg "Example 1")
@@ -159,2 +161,3 @@ ![Example 2](https://raw.githubusercontent.com/react-native-material-design/demo-app/master/resources/examples-2.jpg "Example 2")
 - [Badge](https://github.com/xotahal/react-native-material-ui/blob/master/docs/Badge.md)
+- [Bottom Navigation](https://github.com/xotahal/react-native-material-ui/blob/master/docs/BottomNavigation.md)
 - [Button](https://github.com/xotahal/react-native-material-ui/blob/master/docs/Button.md)
@@ -172,1 +175,6 @@ - Card
 - [Toolbar](https://github.com/xotahal/react-native-material-ui/blob/master/docs/Toolbar.md)
+
+## Support on Beerpay
+Hey dude! Help me out for a couple of :beers:!
+
+[![Beerpay](https://beerpay.io/xotahal/react-native-material-ui/badge.svg?style=beer-square)](https://beerpay.io/xotahal/react-native-material-ui)  [![Beerpay](https://beerpay.io/xotahal/react-native-material-ui/make-wish.svg?style=flat-square)](https://beerpay.io/xotahal/react-native-material-ui?focus=wish)

src/index.js

@@ -11,2 +11,3 @@ import * as COLOR from './styles/colors';
 export { default as Button } from './Button';
+export { default as BottomNavigation } from './BottomNavigation';
 export { default as Card } from './Card';
@@ -13,0 +14,0 @@ export { default as Checkbox } from './Checkbox';

src/styles/getTheme.js

@@ -143,2 +143,29 @@ import { StyleSheet } from 'react-native';
         }, theme.buttonDisabled)),
+        bottomNavigation: StyleSheet.create(merge({
+            container: {
+                flexDirection: 'row',
+                height: 56,
+                backgroundColor: palette.canvasColor,
+                borderTopColor: palette.borderColor,
+                borderTopWidth: StyleSheet.hairlineWidth,
+                ...getPlatformElevation(8),
+            },
+        }, theme.bottomNavigation)),
+        bottomNavigationAction: StyleSheet.create(merge({
+            container: {
+                flex: 1,
+                alignItems: 'center',
+                maxWidth: 168,
+                minWidth: 80,
+                paddingBottom: 12,
+                paddingTop: 8,
+                paddingLeft: 12,
+                paddingRight: 12,
+            },
+            label: {
+                fontSize: 12,
+                textAlign: 'center',
+                color: palette.secondaryTextColor,
+            },
+        }, theme.bottomNavigationAction)),
         card: StyleSheet.create(merge({
@@ -307,3 +334,3 @@ container: {
             container: {
-                backgroundColor: '#ffffff',
+                backgroundColor: palette.canvasColor,
                 height: 56,
@@ -338,3 +365,3 @@ },
                 lineHeight: 22,
-                color: palette.secondaryText,
+                color: palette.secondaryTextColor,
                 ...typography.body1,
@@ -341,0 +368,0 @@ },

src/Toolbar/Toolbar.react.js

@@ -198,7 +198,3 @@ import React, { PureComponent, PropTypes } from 'react';
 const addBackButtonListener = (callback) => {
-    if (Platform.OS !== 'ios') {
-        return BackAndroid.addEventListener('closeRequested', callback);
-    }
-
-    return () => {};
+    return BackAndroid.addEventListener('closeRequested', callback);
 };
@@ -300,2 +296,10 @@
 
+        if (!this.state.isSearchActive && React.isValidElement(leftElement)) {
+            return (
+                <View style={style.leftElementContainer}>
+                    {React.cloneElement(leftElement, { key: 'customLeftElement' })}
+                </View>
+            );
+        }
+
         let iconName = leftElement;
@@ -302,0 +306,0 @@ let onPress = onLeftElementPress;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

138492

increased by6.84%

Number of package files

70

increased by6.06%

Lines of code

3530

increased by5.4%

Number of lines in readme file

177

increased by4.73%

No dependency changes