如何在另一个无状态小部件中导航BottomNavigationBar

import 'package:flutter/material.dart';

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int _currentIndex = 0;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Bottom Navigation Bar Example'),
        ),
        body: IndexedStack(
          index: _currentIndex,
          children: [
            // 第一个导航项的内容
            Container(
              child: Center(
                child: Text('第一个导航项'),
              ),
            ),
            // 第二个导航项的内容
            Container(
              child: Center(
                child: Text('第二个导航项'),
              ),
            ),
            // 第三个导航项的内容
            Container(
              child: Center(
                child: Text('第三个导航项'),
              ),
            ),
          ],
        ),
        bottomNavigationBar: BottomNavigationBar(
          currentIndex: _currentIndex,
          onTap: (index) {
            setState(() {
              _currentIndex = index;
            });
          },
          items: [
            BottomNavigationBarItem(
              icon: Icon(Icons.home),
              label: '首页',
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.search),
              label: '搜索',
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.person),
              label: '个人',
            ),
          ],
        ),
      ),
    );
  }
}