{"id":570,"date":"2023-02-18T18:30:05","date_gmt":"2023-02-18T10:30:05","guid":{"rendered":"http:\/\/gjweb.top\/?p=570"},"modified":"2023-02-18T18:30:07","modified_gmt":"2023-02-18T10:30:07","slug":"08-%e5%ba%95%e9%83%a8%e5%af%bc%e8%88%aa%e6%a0%8f-navbar","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=570","title":{"rendered":"08. \u5e95\u90e8\u5bfc\u822a\u680f navBar"},"content":{"rendered":"\n

BottomNavigationBar \u7ec4\u4ef6<\/h2>\n\n\n\n

\u653e\u5728 Scaffold \u7ec4\u4ef6\u4e2d<\/p>\n\n\n\n

\u5c5e\u6027<\/th>\u4f5c\u7528<\/th>\u7c7b\u578b<\/th><\/tr><\/thead>
items<\/td>\u5e95\u90e8\u5bfc\u822a\u680f\u96c6\u5408<\/td>List<\/td><\/tr>
iconSize<\/td>\u56fe\u6807<\/td>Icon<\/td><\/tr>
currentIndex<\/td>\u9ed8\u8ba4\u9009\u4e2d\u7b2c\u51e0\u4e2a<\/td>Index<\/td><\/tr>
onTap<\/td>\u89e6\u53d1\u7684\u56de\u8c03\u51fd\u6570<\/td>(index){}<\/td><\/tr>
fixedColor<\/td>\u9009\u4e2d\u7684\u989c\u8272<\/td>Color<\/td><\/tr>
type<\/td>\u5f53\u8d85\u8fc7\u4e09\u4e2a\u5bfc\u822a\u680f\u65f6\u9700\u8981\u914d\u7f6e\u8be5\u7c7b\u578b<\/td>BottomNavigationBarType.fixed<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Scaffold(
    bottomNavigationBar:BottomNavigationBar(
        type:BottomNavigationBarType.fixed,
        currentIndex:0,
        onTap:(index){
            \/\/ \u6253\u5370\u5f53\u524d\u70b9\u51fb\u56fe\u6807\u7684\u4e0b\u6807
        }
        items:const [
            BottomNavigationBarItem(
                icon:Icon(Icons.home),
                label:\"\u9996\u9875\"
            ),
            BottomNavigationBarItem(
                icon:Icon(Icons.class),
                label:\"\u5206\u7c7b\"
            ),
            BottomNavigationBarItem(
                icon:Icon(Icons.char),
                label:\"\u8d2d\u7269\u8f66\"
            ),
            BottomNavigationBarItem(
                icon:Icon(Icons.user),
                label:\"\u6211\u7684\"
            ),
        ]
    )
)<\/code><\/pre>\n\n\n\n
\u5207\u6362\u9875\u9762,\u53ef\u5b9a\u4e49\u591a\u4e2abody\u7684\u7ec4\u4ef6,\u901a\u8fc7taber\u7684index\u5bf9\u5e94\u597d\u6bcf\u4e2abody\u7684\u6570\u7ec4\u4e2d\u4e0b\u6807\u7684\u4f4d\u7f6e<\/strong><\/p>\n\n\n\n
\n\n\n\n
\u5168\u5c4f\u6d6e\u52a8\u7ec4\u4ef6\u5b9e\u73b0\u95f2\u9c7c\u6309\u94ae\u6548\u679c<\/h2>\n\n\n\n
Scaffold(
    floatingActionButton:Container(
        height:30,
        width:30,
        padding:EdgeInsets.all(4),
        margin:EdgInsets.only(top:4),
        decoration:BoxDecoration(
            color:Colors.white,
            borderRadius:BorderRadius.circular(15)
        ),
        child:FloatingActionButton(
            onPress(){},
            child:Icon(Icons.add)
        )
    ),
    floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
)<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
BottomNavigationBar \u7ec4\u4ef6 \u653e\u5728 Scaffold \u7ec4\u4ef6\u4e2d \u5c5e\u6027 \u4f5c\u7528 \u7c7b\u578b items \u5e95 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[],"class_list":["post-570","post","type-post","status-publish","format-standard","hentry","category-flutter"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=570"}],"version-history":[{"count":1,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/570\/revisions"}],"predecessor-version":[{"id":571,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/570\/revisions\/571"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}