```dart import 'package:flutter/material.dart'; /// Flutter code sample for [IndexedStack]. void main() => runApp(const IndexedStackApp()); class IndexedStackApp extends StatelessWidget { const IndexedStackApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: const Text('IndexedStack Sample')), body: const IndexedStackExample(), ), ); } } class IndexedStackExample extends StatefulWidget { const IndexedStackExample({super.key}); @override State createState() => _IndexedStackExampleState(); } class _IndexedStackExampleState extends State { List names = ['Dash', 'John', 'Mary']; int index = 0; final TextEditingController fieldText = TextEditingController(); @override Widget build(BuildContext context) { return Column( mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( width: 300, child: TextField( decoration: const InputDecoration( border: OutlineInputBorder(), hintText: 'Enter the name for a person to track', ), onSubmitted: (String value) { setState(() { names.add(value); }); fieldText.clear(); }, controller: fieldText, ), ), const SizedBox(height: 50), Row( mainAxisAlignment: MainAxisAlignment.center, children: [ GestureDetector( onTap: () { setState(() { if (index == 0) { index = names.length - 1; } else { index -= 1; } }); }, child: const Icon(Icons.chevron_left, key: Key('gesture1')), ), Column( mainAxisAlignment: MainAxisAlignment.center, children: [ IndexedStack( index: index, children: [ for (final String name in names) PersonTracker(name: name) ], ) ], ), GestureDetector( onTap: () { setState(() { if (index == names.length - 1) { index = 0; } else { index += 1; } }); }, child: const Icon(Icons.chevron_right, key: Key('gesture2')), ), ], ) ], ); } } class PersonTracker extends StatefulWidget { const PersonTracker({super.key, required this.name}); final String name; @override State createState() => _PersonTrackerState(); } class _PersonTrackerState extends State { int counter = 0; @override Widget build(BuildContext context) { return Container( key: Key(widget.name), decoration: BoxDecoration( color: const Color.fromARGB(255, 239, 248, 255), border: Border.all(color: const Color.fromARGB(255, 54, 60, 244)), borderRadius: const BorderRadius.all(Radius.circular(10)), ), padding: const EdgeInsets.all(16.0), child: Column( children: [ Text('Name: ${widget.name}'), Text('Score: $counter'), TextButton.icon( key: Key('increment${widget.name}'), icon: const Icon(Icons.add), onPressed: () { setState(() { counter += 1; }); }, label: const Text('Increment'), ) ], ), ); } } ```