Tanu Purohit's questions

Estou chamando uma API quando um item é adicionado ao carrinho e, se for bem-sucedido, a barra de lanches mostrará o sucesso, mas e se o usuário adicionar um após muitos produtos, todas as barras de lanches serão mostradas uma por uma por um por um longo tempo, então eu quero que quando o usuário parar, a barra de lanches mostre apenas uma vez, a última, a mais recente com a mensagem MyCart Api

 Timer? debounceSnackBarTimer;

    Future<void> addToCart(Package package) async {
      final prefs = await SharedPreferences.getInstance();
      final accessToken = prefs.getString('accessToken');
      final String apiUrl = await AppNetworkingUrls.addtoCart;

      if (accessToken == null) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
            content: Text(
              'Please log in to add items to the cart',
              style: GoogleFonts.poppins(),
            ),
          ),
        );
        return;
      }

      final url = Uri.parse(apiUrl);
      final headers = {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer $accessToken',
      };

      final body = jsonEncode({
        'quantity': 1,
        'productId': product.id,
        'packageId': package.id,
      });

      debounceSnackBarTimer?.cancel();

      debounceSnackBarTimer = Timer(Duration(milliseconds: 800), () async {
        try {
          final response = await http.post(
            url,
            headers: headers,
            body: body,
          );

          if (response.statusCode == 200) {
            final responseData = jsonDecode(response.body);
            print(response.body);

            ScaffoldMessenger.of(context).showSnackBar(
              SnackBar(
                behavior: SnackBarBehavior.floating,
                backgroundColor: AppColors.buttonColor,
                duration: Duration(seconds: 2),
                content: Text(
                  responseData['message'] ?? 'Item added to cart',
                  style: GoogleFonts.poppins(fontWeight: FontWeight.w500),
                ),
              ),
            );

            final cartProvider = Provider.of<Cart>(context, listen: false);
            await cartProvider.fetchCartItems();
          } else {
            final responseData = jsonDecode(response.body);
            ScaffoldMessenger.of(context).showSnackBar(
              SnackBar(
                behavior: SnackBarBehavior.floating,
                backgroundColor: Colors.red,
                duration: Duration(seconds: 2),
                content: Text(
                  responseData['message'] ?? 'Failed to add item',
                  style: GoogleFonts.poppins(fontWeight: FontWeight.w500),
                ),
              ),
            );
          }
        } catch (error) {
          print('Error adding to cart: $error');
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(
              behavior: SnackBarBehavior.floating,
              backgroundColor: Colors.red,
              duration: Duration(seconds: 2),
              content: Text(
                'Something went wrong. Please try again.',
                style: GoogleFonts.poppins(fontWeight: FontWeight.w500),
              ),
            ),
          );
        }
      });
    }

há produtos Diff e cada produto tem pacotes diff, o usuário adicionará vários produtos também, mas eu quero mostrar o mais recente apenas uma vez

Eu também tentei o Debounce, mas não está funcionando como eu queria. Por favor, se alguém puder me ajudar, o Debounce só funciona se o usuário adicionar os mesmos produtos, o mesmo pacote repetidamente. Então isso funciona, mas eu quero que funcione em todos os produtos e pacotes.

Estou tentando essa lógica de que se houver OrderId nos dados de notificação, ele deve abrir OrdersScreen, caso contrário, abrir a tela padrão, mas há OrderId nos dados, mas ainda abre a tela padrão. Não sei. Alguém pode consertar isso?

Tela inicial

class _MyHomeScreenState extends State<MyHomeScreen>
    with SingleTickerProviderStateMixin {
  int _currentPage = 0;
  final PageController _pageController = PageController();
  Timer? _timer;
  bool _isConnected = true;
  bool _hasError = false;

  //NOTIFICATION
  Future<void> _initializeFCM() async {
    FirebaseMessaging messaging = FirebaseMessaging.instance;

    // Request notification permissions
    NotificationSettings settings = await messaging.requestPermission(
      alert: true,
      badge: true,
      sound: true,
    );

    if (settings.authorizationStatus == AuthorizationStatus.authorized) {
      final apnsToken = await FirebaseMessaging.instance.getAPNSToken();
      print('Apns: $apnsToken');

      print('User granted permission');
      final fcmToken = await FirebaseMessaging.instance.getToken();
      if (fcmToken != null) {
        print('FCM Token: $fcmToken');
      }
    } else {
      print('User declined or has not accepted permission');
    }

    // Handle background messages
    FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);

    FirebaseMessaging.onMessage.listen((RemoteMessage message) async {
      print('🔔 Received a foreground notification:');
      print('📨 Message Data: ${message.data}');
      print('📄 Notification Title: ${message.notification?.title}');
      print('📄 Notification Body: ${message.notification?.body}');

      await _showNotification(
        message.notification?.title,
        message.notification?.body,
      );
    });

    FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
      print("Notification clicked: ${message.data}");
      _handleNotificationNavigation(message.data);
    });

    RemoteMessage? initialMessage =
        await FirebaseMessaging.instance.getInitialMessage();
    if (initialMessage != null) {
      print(
          "App opened from terminated state via notification: ${initialMessage.data}");
      _handleNotificationNavigation(initialMessage.data);
    }
  }

  void _handleNotificationNavigation(Map<String, dynamic> data) async {
    final String? orderId = data['orderId'];

    await Future.delayed(const Duration(seconds: 5));

    if (orderId != null && orderId.isNotEmpty) {
      Navigator.of(context).push(
        MaterialPageRoute(builder: (ctx) => OrdersScreen()),
      );
    } else {
      Navigator.of(context).push(
        MaterialPageRoute(builder: (ctx) => BottomBars()),
      );
    }
  }

  Future<void> _showNotification(String? title, String? body) async {
    const AndroidNotificationDetails androidDetails =
        AndroidNotificationDetails(
      'your_channel_id',
      'your_channel_name',
      icon: '@mipmap/ic_launcher',
      channelDescription: 'Your channel description',
      importance: Importance.high,
      priority: Priority.high,
    );

    const NotificationDetails platformDetails =
        NotificationDetails(android: androidDetails);

    final FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin =
        FlutterLocalNotificationsPlugin();

    await flutterLocalNotificationsPlugin.show(
      0, // notification ID
      title, // notification title
      body, // notification body
      platformDetails,
    );
  }

  Future<void> _firebaseMessagingBackgroundHandler(
      RemoteMessage message) async {
    await Firebase.initializeApp();
    print("Handling a background message: ${message.messageId}");

    final data = message.data;
    _handleNotificationNavigation(data);
  }

  Future<void> _callPostAPI() async {
    final prefs = await SharedPreferences.getInstance();

    final alreadyCalled = prefs.getBool('apiCalledThisLaunch') ?? false;
    if (alreadyCalled) {
      print("API already called for this app launch");
      return;
    }

    final fcmToken = await FirebaseMessaging.instance.getToken();
    if (fcmToken == null) {
      print("Failed to fetch FCM Token");
      return;
    }

    final accessToken = prefs.getString('accessToken');
    if (accessToken == null) {
      print("Access token not found");
      return;
    }

    final platform = Platform.isAndroid
        ? "android"
        : Platform.isIOS
            ? "ios"
            : "unknown";

    final requestBody = {
      "token": fcmToken,
      "platform": platform,
    };

    final url = Uri.parse('');
    try {
      final response = await http.post(
        url,
        headers: {
          "Content-Type": "application/json",
          "Authorization": "Bearer $accessToken",
        },
        body: json.encode(requestBody),
      );

      if (response.statusCode == 200) {
        final responseData = json.decode(response.body);

        print(responseData);
        print("API called successfully");

        await prefs.setBool('apiCalledThisLaunch', true);
      } else {
        print("Failed to call API: ${response.statusCode}");
      }
    } catch (e) {
      print("Error calling API: $e");
    }
  }

Não sei se algo deve mudar no Main.dart também

@pragma('vm:entry-point')
Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
  try {
    await Firebase.initializeApp();
    print("Handling a background message: ${message.messageId}");
  } catch (e) {
    print("Error handling background message: $e");
  }
}

Future<void> _firebaseMessagingAppOpenHandler(RemoteMessage message) async {
  try {
    await Firebase.initializeApp();
    print("Handling a App open message: ${message.messageId}");
  } catch (e) {
    print("Error handling App open message: $e");
  }
}

final FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin =
    FlutterLocalNotificationsPlugin();

void initializeNotifications() async {
  const AndroidInitializationSettings initializationSettingsAndroid =
      AndroidInitializationSettings('');

  final InitializationSettings initializationSettings =
      InitializationSettings(android: initializationSettingsAndroid);

  await flutterLocalNotificationsPlugin.initialize(initializationSettings);
}

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final prefs = await SharedPreferences.getInstance();
  await prefs.setBool('apiCalledThisLaunch', false);
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );

  FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
  FirebaseMessaging.onMessageOpenedApp.listen(_firebaseMessagingAppOpenHandler);
  FirebaseMessaging.onMessage.listen((RemoteMessage message) {
    print(
        'Received a message while in the foreground: ${message.notification?.title}');
  });
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
  ]);

  runApp(
    MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => ProfileProvider()),
        ChangeNotifierProvider(create: (context) => SignupProvider()),
        ChangeNotifierProvider(create: (context) => Cart()),
        ChangeNotifierProvider(create: (context) => AddressProvider()),
        ChangeNotifierProvider(create: (context) => FavoriteProvider()),
      ],
      child: const MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
        brightness: Brightness.light,
      ),
      darkTheme: ThemeData(
        brightness: Brightness.light,
      ),
      themeMode: ThemeMode.light,
      home: const SplashScreen(),
      routes: {
        '/cart': (context) => const CartScreen(),
        '/orders': (context) => OrdersScreen(),
        '/default': (context) => BottomBars(),
      },
    );
  }
}

nos logs há um orderId chegando ainda abre a tela de detalhes

D/FLTFireMsgReceiver( 8640): broadcast received for message
I/flutter ( 8640): Received a message while in the foreground: Hurray!
I/flutter ( 8640): 🔔 Received a foreground notification:
I/flutter ( 8640): 📨 Message Data: {orderId: 676e8e92cf1c97006a3a981c, click_action: FLUTTER_NOTIFICATION_CLICK}
I/flutter ( 8640): 📄 Notification Title: Hurray!
I/flutter ( 8640): 📄 Notification Body: Your order has been confirmed 😃

Nesta tela de detalhes do pedido, estou indo de duas telas diferentes, uma é das telas orders_lists e uma do pop-up de checkout para mostrar os detalhes do pedido após fazer o pedido com sucesso, mas quero que quando eu voltar da tela de detalhes, eu vá apenas para a tela orders_list

Alguém pode ter uma solução para isso?

Aqui está a tela de detalhes do meu pedido

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: AppColors.appbarColor,
        title: Text(
          'Order Details',
          style: GoogleFonts.poppins(color: AppColors.textColor),
        ),
      ),
      body: Stack(
        children: [
          WebViewWidget(controller: _webViewController),
          if (_isLoading)
            Center(
              child: CircularProgressIndicator(
                color: AppColors.buttonColor,
              ),
            ),
        ],
      ),
    );
  }
}

Quando tento a API no servidor, estava funcionando bem e a resposta também vem, mas quando chamo essa API de postagem no meu aplicativo flutter, ele mostra o erro interno do servidor 500. Há algo errado no meu código?

Meu código API:

Future<void> postData(Cart cart, Address selectedAddress) async {
  final url = 'https://api.vezigo.in/v1/orders';

  final body = {
    "items": cart.items.map((cartItem) {
      return {
        "pack": {
          "price": cartItem.price.toString(),
          "unit": cartItem.package,  
          "quantity": cartItem.quantity.toString(),
        },
        "product": cartItem.name,
        "quantity": cartItem.quantity
      };
    }).toList(),
    "billAmount": cart.totalAmount.toStringAsFixed(2),
    "userDetails": {
      "name": selectedAddress.yourName,
      "phoneNumber": selectedAddress.phoneNumber,
      "altPhoneNumber": selectedAddress.alternatePhoneNumber ,
      "address": "${selectedAddress.houseNumber}, ${selectedAddress.landmark}",
      "notes": selectedAddress.notes 
    },
    "geo": {
      "lat": selectedAddress.latitude.toString(),
      "lng": selectedAddress.longitude.toString()
    }
  };

  final prefs = await SharedPreferences.getInstance();
  final accessToken = prefs.getString('accessToken');

  try {
    print('Request body: ${json.encode(body)}');
    print('Authorization: Bearer $accessToken');

    final response = await http.post(
      Uri.parse(url),
      headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer $accessToken',
      },
      body: json.encode(body),
    );

    if (response.statusCode == 200) {
      print('Response data: ${response.body}');
      _showOrderSuccessfulPopup(context);
    } else {
      // Log response for debugging
      print('Error: ${response.statusCode}');
      print('Response body: ${response.body}');
    }
  } catch (e) {
    print('Exception: $e');
  }
}

 
  void _showOrderSuccessfulPopup(BuildContext context) {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Image.asset('assets/payment/tick.png'),
          content: const Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.min,
            children: [
              Text(
                'Order Successful',
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  color: Colors.black,
                  fontSize: 30,
                ),
              ),
              SizedBox(height: 10),
              Text(
                'Your order #986547676 has been placed successfully!',
                textAlign: TextAlign.center,
              ),
            ],
          ),
          actions: [
            Center(
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  ElevatedButton(
                    style: ElevatedButton.styleFrom(
                        backgroundColor: AppColors.appbarColor,
                        padding: const EdgeInsets.symmetric(
                            horizontal: 50, vertical: 15)),
                    onPressed: () {},
                    child: const Text('Track my Order',
                        style: TextStyle(
                            color: Colors.white, fontWeight: FontWeight.w800)),
                  ),
                  const SizedBox(height: 18),
                  ElevatedButton(
                    style: ElevatedButton.styleFrom(
                        backgroundColor: Colors.white,
                        side: const BorderSide(
                            color:AppColors.appbarColor, width: 1),
                        padding: const EdgeInsets.symmetric(
                            horizontal: 70, vertical: 15)),
                    onPressed: () {
                      Navigator.pop(context);
                    },
                    child: const Text('Go Back',
                        style: TextStyle(
                            color: AppColors.appbarColor,
                            fontWeight: FontWeight.w800)),
                  ),
                  const SizedBox(height: 20)
                ],
              ),
            ),
          ],
        );
      },
    );
  }

e minha declaração de impressão da API:

flutter: Corpo da solicitação: {"items":[{"pack":{"price":"36.0","unit":{"_id":"66d03fcc0273b734500c9eaf","quantity":1,"unit":"kg","price":36},"quantity":"1"},"product":"Aalu","quantity":1},{"pack":{"price":"100.0","unit":{"_id":"66d0400e0273b734500c9eb7 ","quantidade":2,"unidade":"kg","preço":100},"quantidade":"1"},"produto":"Pyaaz","quantidade":1},{"pacote":{"preço":"470,0","unidade":{"_id":"66d041cc0273b734500c9ec6","quantidade":3,"unidade":"kg","preço":470},"quantidade":"1"},"produto":"Tolo Gobhi","quantidade":1},{"pacote":{"preço":"1600,0","unidade":{"_id":"66d045240273b734500c9ed4","quantidade":5,"unidade":"kg","preço":1600},"quantidade":"1"},"produto":"Brócolis","quantidade":1}],"valordafatura":"2206,00","detalhesdousuário":{"nome":"TAnu","númerodetelefone":"9602046633","altnúmerodetelefone":"9602046633","endereço":"Basni, Basni","notes":"hello"},"geo":{"lat":"26.21638011850468","lng":"73.01504015922548"}} flutter: Autorização: Portador eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI2NmVkMmRhMjliZGZlMTAwNmUzOTY5YWQiLCJpYXQiOjE3MjY4MTk3NzEsImV4cCI6MTcyNjgyMTU3MSwidHlwZSI6ImFjY2VzcyJ9.3Pg_GNqOv4jvdgl62xSX1ljlJSnCafs1HWEvtkEunv0 flutter: Erro: 500 flutter: Corpo da resposta: {"code":500,"message":"Erro interno do servidor","data":{}}

Sou novo no Flutter e usei dois ícones no topo, por isso meu título não fica centralizado. Também usei o widget central, mas também não funcionou.

Aqui está meu código do appbar:

appBar: AppBar(
  automaticallyImplyLeading: false,
  title: Stack(
    children: [
      Center(
        child: Text(
          _appBarTitle,
          style: const TextStyle(color: Colors.white),
        ),
      ),
    ],
  ),
  backgroundColor: AppColors.appbarColor,
  scrolledUnderElevation: 0,
  leading:const SizedBox(
    width: 70, 
  ),
  actions: [
    IconButton(
      onPressed: () {
        setState(() {
          _isSearchVisible = !_isSearchVisible;
        });
      },
      icon:const Icon(Icons.search, size: 30, color: Colors.white),
    ),
    IconButton(
      onPressed: () {
        Navigator.of(context).push(MaterialPageRoute(builder: (context) => const CartScreen()));
      },
      icon: const Icon(Icons.shopping_cart, size: 30, color: Colors.white),
    ),
  ],
),
  

Como você pode ver, isso não está perfeitamente centralizado.