I am working on a project that requires barcode scanning for two different use cases. I am using the barcode_scanner_simple.dart in Scan2 and barcode_scanner_window.dart in Scan1 from the mobile_scanner package for this purpose. Below is how my UI looks like:

If I move from Home to Scan1, I get this result:

When I move from Scan1 to Scan2, the camera does not show up:

I face the same problem when going from Home->Scan2->Scan1. The camera in Scan2 shows, Scan1 does not show.

The code in main.dart is as below:

import 'package:flutter/material.dart';
import 'package:mobile_scanner_bug/business.dart';
import 'package:mobile_scanner_bug/home.dart';
import 'package:mobile_scanner_bug/school.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Tab Bar Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _selectedIndex = 0;

  static const List<Widget> _widgetOptions = <Widget>[
    Home(),
    School(),
    Business(),
    
  ];

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Tab Bar'),
      ),
      body: Center(
        child: _widgetOptions.elementAt(_selectedIndex),
      ),
      bottomNavigationBar: BottomNavigationBar(
        items: const <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            label: 'Home',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.camera),
            label: 'Scan1',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.camera_alt),
            label: 'Scan2',
          ),
        ],
        currentIndex: _selectedIndex,
        selectedItemColor: Colors.amber[800],
        onTap: _onItemTapped,
      ),
    );
  }
}

The code in school.dart (Scan1) is as below:

import 'package:flutter/material.dart';
import 'package:mobile_scanner_bug/barcode_scanner_window.dart';

class School extends StatefulWidget {
  const School({super.key});

  @override
  State<School> createState() => _SchoolState();
}

class _SchoolState extends State<School> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        BarcodeScannerWithScanWindow(),
        Center(child: Text('Scan1')),
      ],
    );
  }
}

The code in business.dart (Scan2) is as below:

import 'package:flutter/material.dart';
import 'package:mobile_scanner_bug/barcode_scanner_simple.dart';

class Business extends StatefulWidget {
  const Business({super.key});

  @override
  State<Business> createState() => _BusinessState();
}

class _BusinessState extends State<Business> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        BarcodeScannerSimple(),
        const Center(child: Text('Scan2')),
      ],
    );
  }
}

Lastly, the code in home.dart is as below:

import 'package:flutter/material.dart';

class Home extends StatefulWidget {
  const Home({super.key});

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Center(child: Text('Home'));
  }
}