zoukankan      html  css  js  c++  java
  • 底部导航栏1

    代码

    import 'package:flutter/material.dart';

    class BottomNavigationWidget extends StatefulWidget {
    _BottomNavigationWidgetState createState() => _BottomNavigationWidgetState();
    }

    class _BottomNavigationWidgetState extends State<BottomNavigationWidget> {
    final _bottomNavColor = Colors.blue;
    @override
    Widget build(BuildContext context) {
    return Scaffold(
    bottomNavigationBar: BottomNavigationBar(
    items: [
    BottomNavigationBarItem(
    icon: Icon(
    Icons.home,
    color: _bottomNavColor,
    ),
    title: Text(
    'home',
    style: TextStyle(color: _bottomNavColor),
    )
    ),
    BottomNavigationBarItem(
    icon: Icon(
    Icons.email,
    color: _bottomNavColor,
    ),
    title: Text(
    'Email',
    style: TextStyle(color: _bottomNavColor),
    )
    ),
    BottomNavigationBarItem(
    icon: Icon(
    Icons.airplay,
    color: _bottomNavColor,
    ),
    title: Text(
    'Airplay',
    style: TextStyle(color: _bottomNavColor),
    )
    ),
    BottomNavigationBarItem(
    icon: Icon(
    Icons.scanner,
    color: _bottomNavColor,
    ),
    title: Text(
    'Scnner',
    style: TextStyle(color: _bottomNavColor),
    )
    )
     
    ],
    ),
    );
    }
    }
     
    总结:

    //底部导航栏

    final _变量名a = Color.bule;

    BottomNavigationBarItem(

    item:[

    BottomNavigationBarItem(

    icon:Icon(

    Icons.xxx //系统样式

    color:_变量名a

    )

    )

     

    ]

    )

     

    在当前目录下 例如 lib 新建一个dart文件 右键 file  xxx.dart

    引用其他文件 ,先import 文件 即可直接使用新文件下的class 

     

    继承Statefulwidge 动态继承 ????和 statlessWidget的区别 没搞明白

     

  • 相关阅读:
    [LeetCode]Reverse Linked List II
    [LeetCode]Move Zeroes
    Next Greater Element I
    Keyboard Row
    Number Complement
    SQL语句学习(二)
    SQL语句学习(一)
    jQuery学习(三)
    jQuery学习(二)
    JQuery学习(一)
  • 原文地址:https://www.cnblogs.com/pp-pping/p/12172612.html
Copyright © 2011-2022 走看看