flutter小部件之路(Scaffold页面小部件)

最新推荐文章于 2025-02-03 18:45:50 发布

原创最新推荐文章于 2025-02-03 18:45:50 发布 · 436 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

flutter学习之路专栏收录该内容

1 篇文章

订阅专栏

由于博客内容为空，暂无法提供包含关键信息的摘要。

import 'package:flutter/material.dart';
void main()=>runApp(Myapp());

class Myapp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text('dclef'),
        ),
        body: Center(
          child: Text('hello'),
        ),
        drawer: Drawer(),//左边侧边栏
        bottomNavigationBar: BottomNavigationBar(//底部栏
          items: [
            BottomNavigationBarItem(
              // ignore: deprecated_member_use
              title: Text('home'),
              icon: Icon(Icons.home)
            ),
            BottomNavigationBarItem(
                // ignore: deprecated_member_use
                title: Text('video'),
                icon: Icon(Icons.video_call)
            ),
          ],
        ),
        floatingActionButton: FloatingActionButton(//按钮
          onPressed: (){
            print('onPressed');
          },
          child: Icon(Icons.add),
        ),
       floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,//位置居中
      ),
    );
  }
}