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的区别 没搞明白

     

  • 相关阅读:
    Jenkins构建触发器(定时构建项目)
    Linux–Nginx攻略
    Python单元测试——深入理解unittest
    数据库设计三大范式
    Selenium 高阶应用之WebDriverWait 和 expected_conditions
    python基础——对时间进行加减
    并发并行同步异步多线程
    js同步和异步
    hibernate中session.flush()
    Hibernate实现分页查询
  • 原文地址:https://www.cnblogs.com/pp-pping/p/12172612.html
Copyright © 2011-2022 走看看