使用flutter控制蓝牙通讯_跟我一起学Flutter：Material组件

最新推荐文章于 2025-01-13 09:59:42 发布

聂腾

最新推荐文章于 2025-01-13 09:59:42 发布

阅读量518

点赞数 1

CC 4.0 BY-SA版权

文章标签：使用flutter控制蓝牙通讯

本文链接：https://blog.youkuaiyun.com/weixin_34508497/article/details/112428454

本文继续探讨Flutter的Material组件，包括BottomNavigationBar、TabBar及其控制器的使用，以及Drawer的实现，展示了如何在Flutter应用中创建底部导航、选项卡和抽屉效果，帮助开发者实现更丰富的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击上方“ 刘望舒”，马上关注，早上 8:42推送

技术进阶关注“刘望舒”就对了

作者: 刘望舒

http://liuwangshu.cn/flutter/primer/6-material-components-2.html

Flutter基础系列文章

移动开发的跨平台技术演进

是谁走漏了风声，我已经用flutter了

不会Dart，还搞什么Flutter?

开发Flutter应用前需要先掌握什么？

Flutter必知必会的Material组件

前言

在上一篇 Flutter必知必会的Material组件中，我介绍了Material组件的MaterialApp、Scaffold、AppBar，这篇文章接着介绍Material组件中的BottomNavigationBar、TabBar、Drawer。

1.BottomNavigationBar

BottomNavigationBar是底部的导航栏，用于在3到5个的少量视图中进行选择。一般情况下，导航栏的选项卡由文本标签、图标或两者结合的形式组成。
底部导航栏通常与javaScaffold结合使用，它会作为Scaffold.bottomNavigationBar参数。

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
    
    
  static const String _title = 'Flutter Code Sample';

  @override
  Widget build(BuildContext context) {
    
    
    return MaterialApp(
      home: MyStatefulWidget(),
    );
  }
}

class MyStatefulWidget extends StatefulWidget {
    
    
  MyStatefulWidget({Key key}) : super(key: key);

  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();//1
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
    
    
  int _selectedIndex = 0;
  static const List _widget = [
    Text('Index 0:首页',
    ),
    Text('Index 1: 通讯录',
    ),
    Text('Index 2: 设置',
    ),
  ];@overrideWidget build(BuildContext context) {
    
    return Scaffold(
      appBar: AppBar(
        title: Text('BottomNavigationBar示例'),
      ),
      body: Center(
        child: _widget.elementAt(_selectedIndex),
      ),
      bottomNavigationBar: BottomNavigationBar(
        items: const [
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            title: Text('首页'),
          ),
          BottomNavigationBarItem(
     &nbs

最低0.47元/天解锁文章

200万优质内容无限畅学