v1.2.0+120 - expo-sdk 49.0.2

app.json

@@ -4,10 +4,9 @@
     "name": "Ferias Libres",
     "slug": "ferias-libres",
     "description": "Ferias Libres de Chile",
-    "userInterfaceStyle": "light",
+    "userInterfaceStyle": "automatic",
     "githubUrl": "https://github.com/mariofix/ferias-libres",
     "orientation": "portrait",
-    "primaryColor": "#f9f7e8",
     "assetBundlePatterns": [
       "**/*"
     ],
@@ -17,13 +16,14 @@
     "owner": "mariofix",
     "splash": {
       "image": "./assets/splash.png",
-      "resizeMode": "contain"
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
     },
     "icon": "./assets/icon.png",
-    "version": "1.1.5",
+    "version": "1.2.0",
     "android": {
       "package": "com.mariofix.feriaslibres",
-      "versionCode": 8,
+      "versionCode": 120,
       "adaptiveIcon": {
         "foregroundImage": "./assets/icon.png",
         "backgroundColor": "#FFFFFF"

app/_layout.js

@@ -1,44 +1,22 @@
 import "react-native-gesture-handler";
 import { Stack } from "expo-router/stack";
-import { PaperProvider, Appbar, Menu } from "react-native-paper";
-import { getHeaderTitle } from "@react-navigation/elements";
-import { useState } from "react";
-import { useLinkTo } from "@react-navigation/native";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 
-const HeaderApp = ({ navigation, route, options, back }) => {
-  const title = getHeaderTitle(options, route.name);
-  const [visible, setVisible] = useState(false);
-  const linkTo = useLinkTo();
-  const openMenu = () => setVisible(true);
-  const closeMenu = () => setVisible(false);
-
-  return (
-    <Appbar.Header mode="small">
-      {back ? <Appbar.BackAction onPress={navigation.goBack} /> : null}
-      <Appbar.Content title={title} />
-      <Menu
-        visible={visible}
-        onDismiss={closeMenu}
-        anchor={<Appbar.Action icon="dots-vertical" onPress={openMenu} />}
-      >
-        <Menu.Item onPress={() => linkTo("/ayuda")} title="Sobre la App" />
-      </Menu>
-    </Appbar.Header>
-  );
-};
-
-export default function Layout() {
+export default function MainLayout() {
   return (
-    <PaperProvider>
-      <SafeAreaProvider>
-        <Stack
-          initialRouteName="index"
-          screenOptions={{
-            header: (props) => <HeaderApp {...props} />,
-          }}
-        />
-      </SafeAreaProvider>
-    </PaperProvider>
+    <SafeAreaProvider>
+      <Stack
+        initialRouteName="index"
+        screenOptions={{
+          headerStyle: {
+            backgroundColor: "#f4511e",
+          },
+          headerTintColor: "#fff",
+          headerTitleStyle: {
+            fontWeight: "bold",
+          },
+        }}
+      ></Stack>
+    </SafeAreaProvider>
   );
 }

app/ayuda.js

@@ -1,7 +1,7 @@
-import { Stack } from "expo-router";
+import { Stack } from "expo-router/stack";
 import { StyleSheet, View, Linking } from "react-native";
 import React from "react";
-import { Text, Card, IconButton, Icon } from "react-native-paper";
+import { Text, Card, IconButton, Icon } from "react-native";
 
 const InformationPage = () => {
   const handleOpenLink = (url) => {

app/index.js

@@ -1,12 +1,12 @@
 import { StyleSheet, View } from "react-native";
-import { Stack } from "expo-router";
-import ListaComunas from "../components/ListaComunas";
+import { Stack } from "expo-router/stack";
+import LayoutInicio from "../components/LayoutInicio";
 
-export default function Page() {
+export default function Index() {
   return (
     <View style={styles.container}>
       <Stack.Screen options={{ title: "Ferias Libres" }} />
-      <ListaComunas />
+      <LayoutInicio />
     </View>
   );
 }

babel.config.js

@@ -2,15 +2,6 @@ module.exports = function (api) {
   api.cache(true);
   return {
     presets: ["babel-preset-expo"],
-    plugins: [
-      "@babel/plugin-proposal-export-namespace-from",
-      "react-native-reanimated/plugin",
-      require.resolve("expo-router/babel"),
-    ],
-    env: {
-      production: {
-        plugins: ["react-native-paper/babel"],
-      },
-    },
+    plugins: ["expo-router/babel", "react-native-reanimated/plugin"],
   };
 };