Flutter - Package Tutorial not working when passing StreamBuilder in body - flutter

Question

I will be very direct, I use package Tutorial link: https://pub.dev/packages/tutorial
But I'm having trouble making it work with StreamBuilder.
Example that works:
import 'package:flutter/material.dart';
import 'package:tutorial/tutorial.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
#override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
#override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List<TutorialItem> itens = [];
final _keyDrawer = GlobalKey();
final _keyAccount = GlobalKey();
final _keyContainer = GlobalKey();
#override
void initState() {
itens.addAll({
TutorialItem(
globalKey: _keyDrawer,
touchScreen: true,
top: 200,
left: 50,
children: [
const Text(
"Ali é nosso menu , você consegue ver varias coisas nele",
style: TextStyle(color: Colors.white, fontSize: 20),
),
const SizedBox(
height: 100,
)
],
widgetNext: const Text(
"Toque para continuar",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
),
),
shapeFocus: ShapeFocus.oval),
TutorialItem(
globalKey: _keyAccount,
touchScreen: true,
top: 200,
left: 50,
children: [
const Text(
"Qualquer duvida que aparecer , entre no nosso chat , estamos prontos para ajudar",
style: TextStyle(color: Colors.white, fontSize: 20),
),
const SizedBox(
height: 100,
)
],
widgetNext: const Text(
"Toque para continuar",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
),
),
shapeFocus: ShapeFocus.oval,
),
TutorialItem(
globalKey: _keyContainer,
touchScreen: true,
top: 200,
left: 50,
children: [
const Text(
"Aqui veremos todo container",
style: TextStyle(color: Colors.white, fontSize: 20),
),
const SizedBox(
height: 100,
)
],
widgetNext: const Text(
"Toque para continuar",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
),
),
shapeFocus: ShapeFocus.square,
),
});
///FUNÇÃO QUE EXIBE O TUTORIAL.
Future.delayed(const Duration(microseconds: 200)).then((value) {
Tutorial.showTutorial(context, itens);
});
super.initState();
}
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Teste tutorial"),
leading: Builder(builder: (context) {
return IconButton(
key: _keyDrawer,
onPressed: () {
Scaffold.of(context).openDrawer();
},
icon: const Icon(
Icons.menu,
color: Colors.white,
),
tooltip: MaterialLocalizations.of(context).openAppDrawerTooltip,
);
}),
actions: [
IconButton(
key: _keyAccount,
onPressed: () {},
icon: const Icon(Icons.account_circle_outlined))
],
),
body: Stack(
children: <Widget>[
createListView(
context,
)
],
),
drawer: const Drawer(),
);
}
final List<String> entries = <String>['A', 'B', 'C'];
final List<int> colorCodes = <int>[600, 500, 100];
Widget createListView(
BuildContext context,
) {
return ListView.builder(
padding: const EdgeInsets.all(8),
itemCount: entries.length,
itemBuilder: (BuildContext context, int index) {
return Container(
key: index == 0 ? _keyContainer : null,
height: 50,
color: Colors.blue[colorCodes[index]],
child: Center(child: Text('Entry ${entries[index]}')),
);
});
}
}
expected result and working in the first example
What is not working is when my body is passed a StreamBuilder that returns a CreateListView:
body: Stack(
children: <Widget>[
_buildBodyBack(),
StreamBuilder<bool>(
stream: _syncservice.outLoading,
initialData: false,
builder: (context, snapshot) {
if (snapshot.data == true)
return loading(title: "Sync Data...");
return StreamBuilder<bool>(
stream: _propertyService.outLoading,
initialData: false,
builder: (context, snapshot) {
if (snapshot.data == true)
return loading(title: "Loading Property...");
return StreamBuilder<List<Property>>(
stream: _propertyService.outProperty,
initialData: null,
builder: (context, snapshot) {
if (snapshot.data == null) return Container();
return createListView(
context,
snapshot,
);
});
},
);
},
),
],
),
Using the stream builder and passing my createListView widget the key like this:
key: _keyExampleName (Key name example)
Even passing the key correctly it doesn't work as the first example