Flutter程序底部三个按钮,中间一行文字

最新推荐文章于 2024-04-26 16:48:40 发布

SimbaV5

最新推荐文章于 2024-04-26 16:48:40 发布

阅读量201

点赞数

文章标签： flutter android

本文链接：https://blog.csdn.net/xinbaderongyao/article/details/130478042

版权

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '软件名称',
      debugShowCheckedModeBanner: false, //关闭app右上角的debug调试标签
      home: Scaffold(
        //脚手架,flutter程序的代码主要写在这里
        appBar: AppBar(title: const Text('这是提示行')),
        body: const Center(
          //Center是指在屏幕中间显示的组件
          child: Text('文本内容2'),
        ),
        bottomNavigationBar:  BottomNavigationBar(
          items:const [
            BottomNavigationBarItem(
              icon: Icon(Icons.home),
              label: 'Home',
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.message),
              label: 'Message',
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.settings),
              label: 'Settings',
            ),
          ],
        ),
      ),
    );
  }
}