Flutter实战连贯项目

疫情刚好静下心来回归过去的工作,博主要开始学习flutter,博主会边学习边实战项目连续连贯实现,大约一周会出一篇,源码地址,开源不易,麻烦动手点星,谢谢,本开源不做商业使用,里面涉及用到api接口资源等只供学习,项目开发会分博客文章,请点击链接到对应的文章中浏览,建议其实万变不离其中,说到底还是离不开原生,学习之前往补充原生知识,谢谢。

项目开发计划

项目开发

1.1flutter环境搭建

这片文章主要讲的是如何快速搭建环境和项目,避免大家踩坑,大家可以先用win学习,本人用的是mac,其实原理差不多,文章中会写mac搭建,其实原理差不多,建议装个黑苹果或者买个mac,然后下周会补全window环境,谢谢。
flutter环境搭建
在这里插入图片描述

2.1flutter应用图标及启动页

这块知识涉及原生非常多,基本就是原生的copy,所以flutter本身有一套渲染机制,文章中会详细讲解安卓和ios对应用图标要求的,谢谢。
flutter征途应用图标、启动页
在这里插入图片描述
在这里插入图片描述

3.1flutter 引导页

引导页博客链接
在这里插入图片描述

4.1flutter 首页底部导航

预计5月8号写完

5.1flutter 验证码登录

预计5月17号写完

6.1flutter 首页列表实现

预计5月24号写完

7.1flutter 个人中心及退出

预计5月30号写完

8.1flutter 第三方登录

预计6月8号写完

9.1flutter 视频播放

预计6月16号写完

2.开源遇到的问题

2.1flutter run卡在Running Gradle task ‘assembleDebug’…

在这里插入图片描述
当大家看到这个会泪崩溃,一直卡了一天,我一直无解怎么办里?找到这个文件,这是安卓工程gradle脚本配置,如果是安卓原生,一看就明白国内访问这个会经常访问不到,改成阿里maven翻墙地址。改了这个就好了吗?当然不是,然后如果是晚上的话,建议洗洗睡吧,我用了vpn翻墙都不行,晚上用的可能太多,睡一觉第二天会有惊喜,对此我真的很无解了,google又要让我学一门语言,我内心一万个刀想飞过去,吐槽归吐槽,么办法不学就要失业,还是学吧,还有网上还有说要修改flutter/packages/flutter_tools/gradle/flutter.gradle,根本不需要,完全是扯淡误导,欢迎大家评论留言,博主看到回复,一起进步。
google()
jcenter()
在这里插入图片描述

buildscript {
    ext.kotlin_version = '1.3.71'
    repositories {
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:3.6.2'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }
}

allprojects {
    repositories {
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
}
### Flutter 实战项目示例教程 #### 使用 `flutter_for_one` 进行实战学习 此项目提供了一个完整的实战指南,帮助理解如何利用Flutter创建高效的应用程序。通过这个项目可以深入了解到从界面设计到功能实现的具体流程[^1]。 ```dart // 示例代码片段来自 flutter_for_one 项目 void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(title: 'Flutter For One Home Page'), ); } } ``` #### 基于 Packt Publishing 的 Flutter 示例项目集合 另一个丰富的资源来自于Packt Publishing所提供的多个实际案例研究。这些例子覆盖了不同难度级别的应用程序开发过程,并且提供了详细的文档说明来指导读者完成每一个阶段的任务[^2]。 #### WanWan 综合性实战项目 对于那些希望获得更全面实践经验的人来说,WanWan是一个很好的选择。该项目不仅包含了基础的功能模块,还涉及到了一些高级特性的运用,如网络请求处理、状态管理等。定期更新的内容也使得跟随最新趋势变得容易得多[^3]。 关于Flutter本身的一些特性,在决定采用该技术栈之前应该有所了解。虽然它可以创造出几乎媲美本地应用用户体验的产品,不过仍然存在一定的局限性和差异之处;另外也要考虑到社区支持程度以及目标市场的接受情况等因素[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值