demo/styled-text-usage

Endurance-Soft · Mar 16, 2024 · fdb9bc2 · fdb9bc2
1 parent 41e5e21
commit fdb9bc2
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/App.js b/App.js
@@ -1,11 +1,21 @@
 import React from "react";
+import { View } from "react-native";
 import { MenuProvider } from "react-native-popup-menu";
 import AppNavigator from "./src/navigation/AppNavigator";
+import StyledText from "./src/utils/StyledText";
 
 const App = () => {
   return (
     <MenuProvider>
-      <AppNavigator />
+      <View style={{ flex: 1, justifyContent: "center" }}>
+        <View style={{ alignItems: "center", marginTop: 20, gap:20 }}>
+          <StyledText regularText>Texto Regular</StyledText>
+          <StyledText boldText>Texto en Negrita</StyledText>
+          <View style={{ backgroundColor: 'gray'}}>
+            <StyledText buttonText>Texto de Botón</StyledText>
+          </View>
+        </View>
+      </View>
     </MenuProvider>
   );
 };