react-native-boxes 1.4.61 → 1.4.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.4.61",
+  "version": "1.4.63",
   "description": "A react native library for rapid development of UI using boxes",
   "main": "src/index.js",
   "scripts": {

package/sample-app/App.tsx

@@ -1,10 +1,16 @@
 import { StatusBar } from 'expo-status-bar';
 import { StyleSheet, Text, View } from 'react-native';
-import { DemoScreen, Theme, ThemeContext } from './react-native-boxes'
+import { DemoScreen, Theme, ThemeContext } from 'react-native-boxes'
 import { SafeAreaProvider } from 'react-native-safe-area-context';
-2
+
 export default function App() {
   const theme = new Theme()
+
+  loadAsync({
+    'Regular': require('./assets/fonts/Regular.ttf'),
+    'Bold': require('./assets/fonts/Bold.ttf'),
+    'Styled': require('./assets/fonts/Styled.ttf'),
+  })
   return (
     <ThemeContext.Provider value={theme}>
       <SafeAreaProvider>
@@ -22,3 +28,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
   },
 });
+function loadAsync(arg0: { Regular: any; Bold: any; Styled: any; }) {
+  throw new Error('Function not implemented.');
+}
+

package/sample-app/package.json

@@ -16,6 +16,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.73.6",
+    "react-native-boxes": "^1.4.61",
+    "react-native-gesture-handler": "^2.22.1",
     "react-native-safe-area-context": "^4.9.0",
     "react-native-web": "~0.19.6"
   },

package/src/Button.tsx

@@ -136,6 +136,7 @@ export function ButtonView(props: ButtonViewProps) {
                 backgroundColor: 'transparent'
             }}>
 
+
                 {
                     BtnIcon && (
                         <View style={{
@@ -150,7 +151,10 @@ export function ButtonView(props: ButtonViewProps) {
 
                 {
                     (props.text || props.children) && (
+
                         <TextView style={[{
+                            width: '100%',
+                            textAlign: 'center',
                             opacity: isPressed ? .7 : 1,
                             fontWeight: "500",
                             justifyContent: 'center',