Flutter 底部导航栏在下级页面存在的问题

论坛 期权论坛 脚本     
匿名技术用户   2020-12-22 14:42   43   0

对应底部导航栏重复出现的原因可能是因为Main.dart 里面写了MaterialApp ,子页面里面也重复写了,去掉一个应该可以解决掉;

还有一种解决方案,是将main.dart 的context传入子页面,当跳转的时候用main.dart的context,经过试验可行。

main.dart 代码片段如下:

class HomeState extends State<Home> with AutomaticKeepAliveClientMixin {
  int _currentIndex = 0; 
  List<StatefulWidget> _pageList; 
  @override
  void initState() {
    super.initState();
    _pageList = [
      HomePage(mContext: context),//这里
      IdeaPage(),
      HomePage(mContext: context),
      HomePage(mContext: context),
      HomePage(mContext: context),
    ];

  }

子页面的代码片段如下:创建一个含参构造,用这个parentContext就可以解决:
1.

class HomePage extends StatefulWidget {
  final mContext;
  const HomePage({Key key, this.mContext}) : super(key: key);

  @override
  State<StatefulWidget> createState() => HomPageState();
}
class HomPageState extends State<HomePage> {
  var parentContext;//声明
  @override
  Widget build(BuildContext context) {
    parentContext = widget.mContext;//赋值

 onTap: () {
          Navigator.push(
              parentContext, //调用
              MaterialPageRoute(
                  builder: (context) => MyWebViewPage(
                      title: _articleList[position - 1].title,
                      url: _articleList[position - 1].link)));

        },
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP