ui-rn 2.0.8 → 2.1.0

package/Example.tsx

@@ -1,6 +1,6 @@
 import { StyleSheet, View } from 'react-native'
 import React from 'react'
-import { Text, Block, Icon } from './dist'
+import { Text, Block, Icon } from './src'
 
 export default function Example() {
   return (
@@ -11,5 +11,3 @@ export default function Example() {
     </View>
   )
 }
-
-const styles = StyleSheet.create({})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-rn",
-  "version": "2.0.8",
+  "version": "2.1.0",
   "repository": "https://github.com/package-dev/ui-rn",
   "description": "ui-rn",
   "author": "Phamha98",

package/src/Icon/index.tsx

@@ -45,14 +45,13 @@ export default class IconApp extends React.PureComponent<Props> {
     name: "home",
   };
 
-  res: { color: string; style: any; size: number };
-
   constructor(props: Props) {
     super(props);
     this.res = makeProps(props);
   }
   render() {
-    const { size, color, style } = this.res;
+    const res = makeProps(this.props);
+    const { size, color, style } = res;
     if (this.props.name === "none") return null;
     const IconView = RNVectorIcon[this.props.type || "Ionicons"];
     if (typeof this.props.onPress != "function") {

package/src/Layout.tsx

@@ -1,24 +1,25 @@
-import React from "react";
-import SafeAreaView, { ForceInsetProp } from "react-native-safe-area-view";
-import { StyleProp, ViewStyle } from "react-native";
-export interface LayoutAppProps {
+import React from 'react';
+import SafeAreaView, { ForceInsetProp } from 'react-native-safe-area-view';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface ILayout {
   children?: any;
   forceInset?: ForceInsetProp;
   forceInsetBot?: ForceInsetProp;
-  styleBot?: StyleProp<ViewStyle> | undefined;
+  styleBottom?: StyleProp<ViewStyle> | undefined;
   style?: StyleProp<ViewStyle> | undefined;
-  isBack?: boolean;
-  disable?: boolean;
+  primary?: string;
+  bottomInset?: boolean;
+
 }
 export default function Layout({
   children,
-  forceInset = { top: "always", horizontal: "never", bottom: "never" },
-  forceInsetBot = { vertical: "never" },
-  styleBot,
+  forceInset = { top: 'always', horizontal: 'never', bottom: 'never' },
+  forceInsetBot = { vertical: 'never' },
+  styleBottom,
   style,
-  disable,
-}: LayoutAppProps) {
-  if (disable) return <>{children}</>;
+  primary,
+  bottomInset
+}: ILayout) {
   return (
     <SafeAreaView
       style={[
@@ -26,6 +27,9 @@ export default function Layout({
           flex: 1,
         },
         style,
+        primary && {
+          backgroundColor: primary
+        }
       ]}
       forceInset={forceInset}
     >
@@ -33,13 +37,14 @@ export default function Layout({
         style={[
           {
             flex: 1,
+            backgroundColor: 'white'
           },
-          styleBot,
+          styleBottom,
         ]}
-        forceInset={forceInsetBot}
+        forceInset={{ ...(bottomInset || styleBottom) && { vertical: 'never', bottom: 'always' }, ...forceInsetBot }}
       >
         {children}
       </SafeAreaView>
-    </SafeAreaView>
+    </SafeAreaView >
   );
 }

package/src/index.tsx

@@ -1,4 +1,5 @@
 export { default as Touch } from './Touch/Touch'
+export { default as TouchScale } from './Touch/TouchScale'
 export { default as Block } from './Touch/Block'
 export { default as Text } from './Text'
 export { default as Icon } from './Icon'