Flutter BottomNavigationBar调用导航器推送一个导航器项目

Question

我有一个包含4个BottomNavigaton项的BottomNavigationBar，并且希望有3个项为主体呈现不同的内容，这已经很好了。我希望第一个项目打开相机并链接到一个全新的页面。我该怎么做？

我已经尝试过的内容附在下面。

我收到这样的错误

setState((或markNeedsBuild((在生成期间调用。这个Overlay小部件不能标记为需要构建，因为框架已经在构建小部件的过程中。

所以我认为我过早地调用CameraScreen的构建方法，但我不知道如何避免它。

class TabScreen extends StatefulWidget {
int index;

TabScreen(this.index);
@override
_TabScreenState createState() => _TabScreenState(index);
}
class _TabScreenState extends State<TabScreen> {
int _selectedPageIndex;
_TabScreenState([this._selectedPageIndex = 1]);
final List<Map<String, Object>> _pages = [
{
// index = 0 should push new Screen without appbar & bottom nav bar and open camera
'page': null,
'title': 'Cam',
},
{
'page': ListScreen(),
'title': 'List',
},
{
'page': TransportScreen(),
'title': 'Transport',
},
{
'page': ExportScreen(),
'title': 'Export',
}
]; 
void _selectPage(int index, BuildContext ctx) {
setState(() {
_selectedPageIndex = index;
});
// this part does not work
// if (_selectedPageIndex == 0){
//   Navigator.of(ctx).pushNamed(CameraScreen.routeName);
// }
}
@override
Widget build(BuildContext context) {
final bottomBar = BottomNavigationBar(
currentIndex: _selectedPageIndex,
onTap: (i) => _selectPage(i, context),
items: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(Icons.camera_alt_outlined),
label: 'Cam',
// backgroundColor: Colors.red,
),
BottomNavigationBarItem(
icon: Icon(Icons.article_outlined),
label: 'List',
),
BottomNavigationBarItem(
icon: Icon(Icons.article_outlined),
label: 'Transport',
),
BottomNavigationBarItem(
icon: Icon(Icons.arrow_forward),
label: 'Export',
),
],
);    
return Scaffold(
appBar: AppBar(
title: Text(_pages[_selectedPageIndex]['title']),
),
body: _pages[_selectedPageIndex]['page'],
bottomNavigationBar: BottomAppBar(
shape: CircularNotchedRectangle(),
notchMargin: 4,
clipBehavior: Clip.antiAlias,
child: bottomBar,
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: _buildActionButton(),
);
}
}

Answer 1

我自己解决了。上述使用Navigator.of(ctx).pushNamed(CameraScreen.routeName);的解决方案确实有效。

我的问题是CameraScreen文件，它在构建功能中使用了一些小工具，变得太大，无法放在屏幕上。