1.Flutter学习

1.名次翻译

StatelessWidget 无状态组件

Scaffold 脚手架

Widget 小部件

Center 居中

ElevatedButton 提升按钮

onPressed 按下事件

Navigator 导航

MaterialPageRoute  页面路由

2.按钮

   ElevatedButton(
            child: Text("Go11111 back"),
            onPressed: () {
              print('This is 2nd page');
              Navigator.pop(context);
            },
            onLongPress: () {
              print('长按了');
              Navigator.pop(context);
            })

1.页面跳转

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    title: 'navigate demo',
    home: new FirstScreen(),
  ));
}

class FirstScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First page'),
      ),
      body: Center(
        child: ElevatedButton(
            child: Text('Go to 2nd page'),
            onPressed: () {
              print('This is first page');
             //页面跳转的代码
              Navigator.push(context,
                  MaterialPageRoute(builder: (context) => SecondScreen()));

            }),
      ),
    );
  }
}

class SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    print('${this} hashCode=${this.hashCode}');
    return Scaffold(
      appBar: AppBar(
        title: Text('Second page'),
      ),
      body: Center(
        child: ElevatedButton(
            child: Text("Go back"),
            onPressed: () {
              print('This is 2nd page');
            //返回前一个页面
              Navigator.pop(context);
            }),
      ),
    );
  }
}

1. 官方文档:Flutter 官方文档提供了完整的学习资源,包括入门指南、教程、API 参考、示例代码等等。官网:https://flutter.dev/docs 2. Flutter 中文网:Flutter 中文网是针对中国开发者的 Flutter 学习资源,提供了中文文档、教程、视频课程、社区论坛等。官网:https://flutterchina.club/ 3. Flutter 实战教程:Flutter 实战教程是一本由 Flutter 官方团队和社区作者合作编写的实战教程,全面讲解了 Flutter 的各个方面。官网:https://book.flutterchina.club/ 4. Flutter 官方 YouTube 频道:Flutter 官方 YouTube 频道提供了大量的教程视频,包括 Flutter 入门、布局、动画、网络请求等等。官网:https://www.youtube.com/c/FlutterDev 5. Flutter Gallery:Flutter Gallery 是一个官方提供的 Flutter 示例应用,展示了 Flutter 的各种特性和功能,可以帮助开发者更好地了解 Flutter。官网:https://gallery.flutter.dev/ 6. Flutter App Samples:Flutter App Samples 是一个由社区维护的 Flutter 应用示例库,包括各种类型的应用,如计算器、天气应用、电影评分应用等等。官网:https://flutter.dev/docs/cookbook#samples 7. Flutter 中文社区:Flutter 中文社区是一个由开发者自发组建的社区,提供了丰富的学习资源,包括博客、论坛、教程、实战项目等等。官网:https://flutter.cn/ 8. Flutter UI 网站:Flutter UI 网站提供了大量的 Flutter UI 设计资源,包括组件、模板、样式等等,可以帮助开发者快速构建 UI。官网:https://flutterui.net/ 9. Flutter Weekly:Flutter Weekly 是一个由社区维护的每周更新的 Flutter 新闻和教程汇总,可以让开发者快速了解最新的 Flutter 动态。官网:https://flutterweekly.net/ 10. Flutter 开源项目:Flutter 开源项目是一个由社区维护的 Flutter 应用开源项目库,包括各种类型的应用,如电商应用、新闻应用、社交应用等等,可以帮助开发者学习和实践 Flutter。官网:https://github.com/Solido/awesome-flutter
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值