flutter-弧形導(dǎo)航欄設(shè)置導(dǎo)航頁面

下午好,我是flutter的新手,我正在嘗試使用curved_navigation_bar,但是我不知道如何設(shè)置頁面導(dǎo)航,這是我的代碼,索引0將轉(zhuǎn)到news.dart頁面,索引1將轉(zhuǎn)到cells.dart頁面,索引2將轉(zhuǎn)到home.dart頁面,索引3轉(zhuǎn)到book.dart頁面,索引4轉(zhuǎn)到info.dart頁面,出現(xiàn)的第一個頁面是索引2,非常感謝。

    import 'package:curved_navigation_bar/curved_navigation_bar.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:statistik_malang/body.dart';
import 'package:statistik_malang/constants.dart';

class HomeScreen extends StatefulWidget {
  // const HomeScreen({ Key? key }) : super(key: key);

  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // appBar: AppBar(),
      body: Body(),
      extendBody: true,
      bottomNavigationBar: CurvedNavigationBar(
        backgroundColor: Colors.transparent,
        buttonBackgroundColor: kPrimaryColor,
        animationDuration: Duration(milliseconds: 300),
        height: 50,
        items: <Widget>[
          SvgPicture.asset(
            "assets/icons/news.svg",
            width: 20.0,
            height: 20.0,
          ),
          SvgPicture.asset(
            "assets/icons/cells.svg",
            width: 20.0,
            height: 20.0,
          ),
          SvgPicture.asset(
            "assets/icons/home.svg",
            width: 20.0,
            height: 20.0,
          ),
          SvgPicture.asset(
            "assets/icons/book.svg",
            width: 20.0,
            height: 20.0,
          ),
          SvgPicture.asset(
            "assets/icons/information.svg",
            width: 20.0,
            height: 20.0,
          ),
        ],
        onTap: (index) {},
      ),
    );
  }
}
? 最佳回答:

只需添加navigationKey并以0開始索引,它就會得到解決

Edited:

class _HomeScreenState extends State<HomeScreen> {
  int _page = 0;
  GlobalKey<CurvedNavigationBarState> _bottomNavigationKey = GlobalKey();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // appBar: AppBar(),
      body: Container(
          color: Colors.blueAccent,
          child: Center(
            child: Column(
              children: <Widget>[
                Text(_page.toString(), textScaleFactor: 10.0),
              ],
            ),
          )),
      extendBody: true,
      bottomNavigationBar: CurvedNavigationBar(
        key: _bottomNavigationKey,
        backgroundColor: Colors.transparent,
        // buttonBackgroundColor: kPrimaryColor,
        animationDuration: Duration(milliseconds: 300),
        height: 50,
        index: 0,
        items: <Widget>[
         
           SvgPicture.asset(
            "assets/icons/news.svg",
            width: 20.0,
            height: 20.0,
          ),
          SvgPicture.asset(
            "assets/icons/cells.svg",
            width: 20.0,
            height: 20.0,
          ),
          SvgPicture.asset(
            "assets/icons/home.svg",
            width: 20.0,
            height: 20.0,
          ),
          SvgPicture.asset(
            "assets/icons/book.svg",
            width: 20.0,
            height: 20.0,
          ),
          SvgPicture.asset(
            "assets/icons/information.svg",
            width: 20.0,
            height: 20.0,
          ),
        ],
        onTap: (index) {
          setState(() {
            _page = index;
          });
        },
      ),
    );
  }
}

主站蜘蛛池模板: 久久99国产精品一区二区| 精品无码一区二区三区亚洲桃色| 日本一区二区在线不卡| 在线视频一区二区三区三区不卡| 国产成人午夜精品一区二区三区| 国产一区二区三区在线2021| 福利电影一区二区| 亚洲高清毛片一区二区| 无码一区二区三区老色鬼| 国产午夜毛片一区二区三区| 国产在线精品一区在线观看| 在线日产精品一区| 日韩最新视频一区二区三| 精品一区二区三区东京热 | 精品欧洲AV无码一区二区男男| 一区二区国产在线播放| 国产自产在线视频一区| 精品无码AV一区二区三区不卡| tom影院亚洲国产一区二区| 无码aⅴ精品一区二区三区| 在线观看精品视频一区二区三区| 无码人妻一区二区三区在线水卜樱 | 久久国产香蕉一区精品| 久久精品免费一区二区三区| 国产精品无码一区二区三区免费| 久久国产一区二区三区| 亚洲a∨无码一区二区| 久久青草精品一区二区三区| 亚洲一区二区三区四区在线观看| 99久久综合狠狠综合久久一区| 国产一区在线视频| 国产人妖视频一区二区| 亚洲老妈激情一区二区三区| 国产伦精品一区二区三区| 日本高清不卡一区| 亚洲AV日韩综合一区尤物| 韩国一区二区三区视频| 亚洲午夜日韩高清一区| 久久国产免费一区| 日韩在线观看一区二区三区| 一区二区三区在线|