IndexedStack doesn't respect index in Flutter Inspector #96581
Description
This is because RenderIndexedStack does not override the debugDescribeChildren so the one from ContainerRenderObjectMixin is used that describes all the children instead of just the one that's actually displayed.
In this line, we can see as the Flutter Inspector hit tests using debugDescribeChildren: https://github.com/flutter/flutter/blob/master/packages/flutter/lib/src/widgets/widget_inspector.dart#L2275
[✓] Flutter (Channel stable, 2.8.1, on macOS 12.1 21C52 darwin-arm, locale
en-PL)
• Flutter version 2.8.1 at /Users/albert/fvm/versions/2.8.1
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 77d935af4d (4 weeks ago), 2021-12-16 08:37:33 -0800
• Engine revision 890a5fca2e
• Dart version 2.15.1
Reproduction
Steps: Run the code below, launch Flutter Inspector and click exactly at the center of the first tab contents text.
Expected: A text from tab 1 is selected.
Actual: A text from tab 2 is selected.
Code for reproduction
import 'package:flutter/material.dart';
void main() {
runApp(
const MaterialApp(
home: Screen(),
),
);
}
class Screen extends StatefulWidget {
const Screen({Key? key}) : super(key: key);
@override
_ScreenState createState() => _ScreenState();
}
class _ScreenState extends State<Screen> {
int tab = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
bottomNavigationBar: BottomNavigationBar(
onTap: (index) => setState(() => tab = index),
currentIndex: tab,
items: const [
BottomNavigationBarItem(
icon: Icon(Icons.filter_1),
label: 'Tab 1',
),
BottomNavigationBarItem(
icon: Icon(Icons.filter_2),
label: 'Tab 2',
),
],
),
body: IndexedStack(
index: tab,
sizing: StackFit.expand,
children: const [
Center(child: Text('This is long text in tab 1')),
Center(child: Text('This is tab 2')),
],
),
);
}
}