github-actions[bot]
commented
1 month ago Hey @Giebmeyer! Thanks for opening the issue. It seems that the issue doesn't contain a link to a repro.
The best way to get attention to your issue is to provide an easy way for a developer to reproduce the issue.
You can provide a repro using any of the following:
- Expo Snack
- TypeScript Playground
-
GitHub repo under your username
A snack link is preferred since it's the easiest way to both create and share a repro. If it's not possible to create a repro using a snack, link to a GitHub repo under your username is a good alternative. Don't link to a branch or specific file etc. as it won't be detected.
Try to keep the repro as small as possible by narrowing down the minimal amount of code needed to reproduce the issue. Don't link to your entire project or a project containing code unrelated to the issue. See "How to create a Minimal, Reproducible Example" for more information.
You can edit your original issue to include a link to the repro, or leave it as a comment. The issue will be closed automatically after a while if you don't provide a repro.
migueldaipre
Giebmeyer
Current behavior
Todos os pacotes são instalados com sucesso ao rodar o comando "yarn". O aplicativo é contruido com sucesso tambem, entretanto, recebo os erros a seguir quando o aplicativo tenta construir a tela que possui o drawer "
`import React, { useContext } from 'react'; import { createStackNavigator } from '@react-navigation/stack';
import Authentication from '../pages/Authentication'; import LoginToken from '../pages/LoginToken'; import Login from '../pages/Login'; import Logout from '../pages/Logout'; import AddSalesBudgets from '../pages/AddSalesBudgets'; import AddPreSales from '../pages/AddPreSales'; import AddServiceOrders from '../pages/AddServiceOrders'; import AddDoNotSells from '../pages/AddDoNotSells'; import AddMaintenances from '../pages/AddMaintenances'; import AddStockFixes from '../pages/AddStockFixes'; import AddProductsSalesBudgets from '../pages/AddProductsSalesBudgets'; import AddServicesSalesBudgets from '../pages/AddServicesSalesBudgets'; import AddObjectServiceOrders from '../pages/AddObjectServiceOrders'; import AddProductsPreSales from '../pages/AddProductsPreSales'; import AddProductsInventories from '../pages/AddProductsInventories'; import AddProductsMaintenances from '../pages/AddProductsMaintenances'; import AddProductsStockFixes from '../pages/AddProductsStockFixes'; import SaleBudgetFinalization from '../pages/SaleBudgetFinalization'; import PreSaleFinalization from '../pages/PreSaleFinalization'; import Checklist from '../pages/Checklist'; import SendToApi from '../pages/SendToApi'; import ListClients from '../pages/ListClients'; import ListTablePrices from '../pages/ListTablePrices'; import ListFormPayments from '../pages/ListFormPayments'; import ListModalities from '../pages/ListModalities'; import ListProducts from '../pages/ListProducts'; import ListServices from '../pages/ListServices'; import ListObjects from '../pages/ListObjects'; import ListProductsInInventory from '../pages/ListProductsInInventory'; import ClientDetails from '../pages/ClientDetails'; import CheckConfiguration from '../pages/CheckConfiguration'; import Configurations from '../pages/Configurations'; import Sync from '../pages/Sync'; import DrawerRoutes from './drawerRoutes'; import ListMovementClient from '../pages/ListMovementClient'; import ListNotifications from '../pages/ListNotifications'; import ListDeliveries from '../pages/ListDeliveries'; import ListDeliveryRoutes from '../pages/ListDeliveryRoutes'; import DeliveryRouteCompleted from '../pages/DeliveryRouteCompleted'; import DeliveryRouteNotCompleted from '../pages/DeliveryRouteNotCompleted'; import SignatureDraw from '../pages/SignatureDraw'; import PreSync from '../pages/PreSync'; import ListPendingSlip from '../pages/ListPendingSlip'; import ListDeliveryFees from '../pages/ListDeliveryFees'; import Collect from '../pages/Collect'; import ListDocScannig from '../pages/ListDocScanning'; import PlanDetails from '../pages/PlanDetails'; import GetToApi from '../pages/GetToApi'; import SummarySync from '../pages/SummarySync';
import { Context as AuthContext } from '../context/authContext'; import { Context as SyncContext } from '../context/syncContext';
const Routes = () => { const Stack = createStackNavigator(); const { stateAuth } = useContext(AuthContext); const { stateSync } = useContext(SyncContext);
return ( <Stack.Navigator initialRouteName="CheckConfiguration" screenOptions={{ headerShown: false, gestureEnabled: false }}> {!stateAuth.isConfigured || stateAuth.alterConfiguration ? ( <>
); };
export default () => { return
DrawerRoutes:
`import React, { useContext, useState } from 'react'; import { createDrawerNavigator } from '@react-navigation/drawer'; import IonIcon from 'react-native-vector-icons/Ionicons';
import CustomDrawer from '../components/CustomDrawer'; import { customIcon } from '../utils';
import HomeScreen from '../pages/HomeScreen'; import ListBudgets from '../pages/ListBudgets'; import ConsultPrices from '../pages/ConsultPrices'; import ConsultClients from '../pages/ConsultClients'; import ConsultInvoices from '../pages/ConsultInvoices'; import ListInventories from '../pages/ListInventories'; import ListPreSales from '../pages/ListPreSales'; import ListNotifications from '../pages/ListNotifications'; import ListDeliveries from '../pages/ListDeliveries'; import Collect from '../pages/Collect'; import ListMaintenances from '../pages/ListMaintenances'; import ListDocScanning from '../pages/ListDocScanning'; import ListStockFixes from '../pages/ListStockFixes'; import Param from '../pages/Params'; import About from '../pages/About'; import Logout from '../pages/Logout'; import PreSync from '../pages/PreSync';
import { ViewCountNumber, TextCount, ViewNotification } from './styled';
import { Context as ConfigContext } from '../context/configContext'; import { Context as PermissionContext } from '../context/permissionContext';
const Drawer = createDrawerNavigator();
export default function DrawerRoutes() { const { stateConfig } = useContext(ConfigContext); const { statePermission } = useContext(PermissionContext);
const [textButtonSync, setTextButtonSync] = useState('Sincronizar');
return ( <Drawer.Navigator drawerContent={(props) => <CustomDrawer {...props} />} screenOptions={{ headerShown: false, drawerStyle: { backgroundColor: '#FCFCFC', }, drawerActiveBackgroundColor: '#1FCC79', drawerActiveTintColor: '#FFF', drawerInactiveTintColor: '#2E3E5C', drawerLabelStyle: { fontFamily: 'Inter-Medium', fontSize: 16, marginLeft: -8, }, drawerType: 'front', }}> <Drawer.Screen name="HomeScreen" component={HomeScreen} options={{ title: 'Início', drawerIcon: ({ focused }) => ( <IonIcon name={focused ? 'home' : 'home-outline'} size={28} color={focused ? '#FFF' : '#2E3E5C'} /> ), }} /> {(statePermission.permissions?.budgetsUsar ?? true) && ( <Drawer.Screen name="ListBudgets" component={ListBudgets} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Orçamentos', drawerIcon: ({ focused }) => ( <IonIcon name={focused ? 'document-text' : 'document-text-outline'} size={28} color={focused ? '#FFF' : '#2E3E5C'} /> ), }} /> )} {stateConfig.configurations.premium && ( <Drawer.Screen name="ListPreSales" component={ListPreSales} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Pré-vendas', drawerIcon: ({ focused }) => ( <IonIcon name={focused ? 'cart' : 'cart-outline'} size={28} color={focused ? '#FFF' : '#2E3E5C'} /> ), }} /> )} {/ {stateConfig.configurations.premium && ( <Drawer.Screen name="ListServiceOrders" component={ListServiceOrders} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Ordens de serviço', drawerIcon: ({ focused }) => ( <IonIcon name={focused ? 'car-sport' : 'car-sport-outline'} size={28} color={focused ? '#FFF' : '#2E3E5C'} /> ), }} /> )} /} <Drawer.Screen name="ConsultPrices" component={ConsultPrices} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Produtos', drawerIcon: ({ focused }) => ( <IonIcon name={focused ? 'pricetags' : 'pricetags-outline'} size={28} color={focused ? '#FFF' : '#2E3E5C'} /> ), }} /> { <Drawer.Screen name="ConsultClients" component={ConsultClients} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Clientes', drawerIcon: ({ focused }) => ( <IonIcon name={focused ? 'people' : 'people-outline'} size={28} color={focused ? '#FFF' : '#2E3E5C'} /> ), }} /> } {(statePermission.permissions?.inventoriesUsar ?? true) && ( <Drawer.Screen name="ListInventories" component={ListInventories} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Inventários', drawerIcon: ({ focused }) => ( <IonIcon name={focused ? 'file-tray-stacked' : 'file-tray-stacked-outline'} size={28} color={focused ? '#FFF' : '#2E3E5C'} /> ), }} /> )} {stateConfig.configurations.premium && (statePermission.permissions?.consultInvoicesUsar ?? true) && ( <Drawer.Screen name="ConsultInvoices" component={ConsultInvoices} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Conf. NF-e', drawerIcon: ({ focused }) => ( <IonIcon name={focused ? 'receipt' : 'receipt-outline'} size={28} color={focused ? '#FFF' : '#2E3E5C'} /> ), }} /> )} {stateConfig.configurations.premium && ( <Drawer.Screen name="ListDocScanning" component={ListDocScanning} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Digitalização', drawerIcon: ({ focused }) => customIcon( 'MaterialCommunityIcons', focused ? 'file-document-edit' : 'file-document-edit-outline', 28, focused ? '#FFF' : '#2E3E5C', ), }} /> )} <Drawer.Screen name="ListMaintenances" component={ListMaintenances} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Trocas/Manutenções', drawerIcon: ({ focused }) => ( <IonIcon name={focused ? 'construct' : 'construct-outline'} size={28} color={focused ? '#FFF' : '#2E3E5C'} /> ), }} /> {stateConfig.configurations.premium && ( <Drawer.Screen name="ListDeliveries" component={ListDeliveries} options={{ unmountOnBlur: true, // DESMONTAR TELA AO SAIR title: 'Entregas', drawerIcon: ({ focused }) => customIcon( 'MaterialCommunityIcons', focused ? 'truck-delivery' : 'truck-delivery-outline', 28, focused ? '#FFF' : '#2E3E5C', ), }} /> )}
); } `
Expected behavior
O aplicativo deveria executar e apresentar a tela Home
`import React, { useContext } from 'react'; import { ScrollView } from 'react-native'; import { Header } from '../../components/Header'; import OptionHome from '../../components/OptionHome'; import { useNavigation } from '@react-navigation/native'; import { ContainerText, TextUser } from './styles';
import { Context as UserContext } from '../../context/userContext'; import { Context as PermissionContext } from '../../context/permissionContext'; import { Context as NotificationContext } from '../../context/notificationContext';
const HomeScreen = () => { const { stateUser } = useContext(UserContext);
const { statePermission } = useContext(PermissionContext); const { stateNotification } = useContext(NotificationContext);
const navigation = useNavigation();
return ( <>