flutter开发项目录(flutter新建项目)

网友投稿 747 2022-12-24

本篇文章给大家谈谈flutter开发项目录,以及flutter新建项目对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 今天给各位分享flutter开发项目录的知识,其中也会对flutter新建项目进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

Flutter之旅 02 - 创建第一个项目

Flutter项目可以用三种方式开发:

可以根据自己的需求选择,由于之前一直做iOS开发,也做过RN项目开发,Mac上装过Android Studio 和 其flutter开发项目录他安卓模拟器 Genymotion ,所以flutter开发项目录我选择Android Studio开发工具,之前装的版本 3.0.1 比较老了,所以进行了升级 3.4 。

体验Flutter

PS:第一次创建项目可以成功,之后再执行这一步操作创建新的Flutter项目时,一直卡住,重启过很多次Android Studio一直都是这样,后面查询资料,发现自己没有同意使用 android-licenses ,可以通过下列命令验证,第一步,先验证:

第一步检测结果,发现是需要同意 android-licenses :
第二步执行同意命令,操作时会有很多个 android-licenses 需要同意:

第二步检测结果:

第三步再次验证,当得到以下截图中结果时,代表所有环境配置已经完成:

上述命令创建一个Flutter项目,项目名为 myapp ,在项目目录中,有安卓和iOS两个项目目录。

Android Studio中会列出所有已经连接了电脑的设备,包括安卓和iPhone。如果想在模拟器上运行,下面可以选择对应的模拟器,如图:

PS:如果想在模拟器上运行,需要先安装一个模拟器,选择Tools AVD Manager,如图:

然后选择Create Virtual Device,根据提示一步一步操作即可(建议翻墙条件下操作),添加完成后就可以在这个界面看到自己已经添加的模拟器,点击绿色的运行按钮,即可打开该模拟器:

2018.11月Flutter优质开源项目

项目描述flutter开发项目录: A Tricky Solution for Implementing Inline-Image-In-Text Feature in Flutter.

项目描述flutter开发项目录:Widgets for creating Hero-like animations between two widgets within the same screen.

项目描述flutter开发项目录:How to build a Match-3 game, like Candy Crush, Bejeweled, FishDom… in Flutter.

项目描述flutter开发项目录:A flutter ui challenge .... building a planets app

项目描述:Clip your widgets with custom shapes provided.

项目描述:A widget that displays a collection of dispersed and non-overlapping children

项目描述:Whatsapp UI clone in flutter. 📱

项目描述:A guillotine menu for Flutter

项目描述:Library for RAD development in Flutter

项目描述:juejin client ui power by flutter

项目描述:Platform-adapting flutter widgets.

项目描述:A simple navigator assistant that allows for passing data to named routes

项目描述:Periodic callbacks in the background for both IOS and Android. Includes Android Headless mechanism

项目描述:My profile in flutter 🙎🏻‍♂️

项目描述:flutter checkbox

项目描述:Code for Cakes Catalog screen created using Flutter

项目描述:Fimber is Flutter logger inspired by Timber (logger API for Android)

项目描述:a pure dart flutter ocr project.inlude picture corper and invoke api from baidu to ocr.

更多精彩内容 http://coderminer.com

编写一个非常精美的Flutter Todo-List项目

花费大概一个多月的时间,这个完全由Flutter编写的Todo-List项目总算初步完成了!现在,它终于要被开源出来了。

在开始介绍之前,先来简单的看一下真机运行效果吧

下面,针对使用者和开发者,我将来分别介绍一次

app中,可以在主题切换界面选择各种主题颜色进行切换,app自带六个默认主题,这些都是我经过多次尝试所挑选出来的颜色搭配。同时你也可以选择自定义主题颜色

在app中,每项任务都会带有一个图标,而app提供了所有 Flutter 自带的 Material design 风格的图标。这些图标,你同样可以进行任意颜色的自定义

在app中,有多项其他的操作是你可以进行自定义的

比如说主页测滑栏的头部展示内容。当然,还有一些其他的操作,就由你去自行体验了

当你完成了一项任务后,这个任务就会从主页转移到完成列表页面,在这里你可以看到任务的一些额外信息

那么,对于使用者的介绍就到这里结束

下面就是为广大开发者们介绍的时间了!

各位开发者们请扶好你们的秀发,下面就我来带领各位参观参观这个项目的内部构造

项目中使用了一些非常优秀的第三方库,也特别感谢这些开发者们,让我的发量保持健康

下面就是这些控件的信息

项目使用的状态管理框架是 <codeProvider</code ,而整个项目的架构如下

看起来是不是和 Android 中的 MVP 模式很像呢?其实都差不多的,只是名字略有不同罢了,你也可以就把上面的模式当作是 MVP 模式。

Flutter 可以说是特别适合这种架构模式的,因为视图跟随数据而变化,你基本上不用去关心View,只要去对数据进行操作就好了。

项目目录结构如下:

先说明一下除了 lib 外的其他目录:

然后是 lib 目录

项目创建于6月21日,到如今发布1.0.0版本花了三十多天的时间,虽然我做过很多测试,解决了很多bug,但是时间确实不充裕。纰漏也会在所难免

所以如果使用过程中遇到什么问题,或者对于项目有什么好的建议,欢迎在app中的反馈界面提出来,也可以在下面留下评论,又或者在github上提issue。

项目的UI设计与后台接口均由我独自一人完成,所以这也是为什么时间不够的原因。不过目前项目中只是包含了两个自己写的接口,后续计划中应该会加入登录功能,到时候会有很多接口操作。

若有兴趣,请持续关注!

如果你觉得这个app不错,或者这个项目有帮助到你,不妨给这个项目一个Star吧。项目后面也会持续保持更新和维护!

ToDo-List

UI项目地址
密码:Aczh

Flutter项目结构

下面是本人自己写Flutter项目用的目录结构。因为公司还没有使用Flutter。纯属个人项目的目录结构。所以目的是希望有大型Flutter项目经验的前辈帮忙指出各个地方的不足之处。

网络请求这部分,用的是在空闲的时候封装的一套接口请求框架。为了统一各种服务器报文的 json数据 格式。

Flutter(六)Android与Flutter混合开发(Hybird)

如果我们目前的项目是Android的,但是接下来我们希望部分页面可以使用Flutter进行开发,甚至我们希望在Native页面中嵌入FlutterUI组件,那么我们该如何实现呢?

假设你现在Android项目的目录的结构是这样的

这时候如果你想创建一个Flutter模块,使得Android模块和Flutter模块之间可以进行交互,我们可以通过Android Studio新建一个Flutter Module,具体过程是:File — New — New Module ,之后选择Flutter Module,指定Project Location的路径为

也就是说,最终你的项目结构会是这样的

接下来在Android Module的 build.gradle 文件中添加flutter依赖

先创建一个Flutter页面

这里比较重要的是 window.defaultRouteName 这个字段,这个字段可以接收从Native传递过来的参数 (下文我们会介绍原生传递参数的方法),也就是说通过这个字段我们就可以进行Flutter页面的路由的分发

我们可以直接在Android的 MainActivity 中启动一个 FlutterActivity ,这里的 initialRoute 方法中传递的参数就对应Flutter层的 window.defaultRouteName

注意:需要在 AndroidManifest.xml 注册 FlutterActivity

自己创建一个 FlutterAppActivity 继承自 FlutterActivity

在 MainActivity 中启动 FlutterAppActivity (另外别忘了在 AndroidManifest.xml 中注册 FlutterAppActivity )

两种启动方式的区别

如果单纯只是想打开一个Flutter页面,两种方式实际上基本没有太大区别,第一种方式也许还会更简单一点。但是,在Flutter开发中,我们往往还需要开发一些Native插件供Flutter调用,如果使用复写 FlutterActivity 的方式更有利于我们在 FlutterActivity 中注册我们的Native插件,所以实际开发中一般推荐使用第二种方式

扩展思考

initialRoute 从名称上看起来是Flutter提供给我们进行Native与Flutter交互的路由跳转的,但是实际上他就是一个字符串,我们不仅仅可以传递一个路由名称,有时候我们也可以通过这个参数传递一串JSON数据,然后在Flutter端进行解析,这样我们就可以通过这个参数做更多的事情

activity_main.xml

FrameLayout 用于承载Flutter组件

MainActivity.java

使用 FragmentManager 将 FlutterFragment 添加到 FrameLayout 容器中

运行结果

上半部分是原生的TextView,下半部分是Flutter的Text组件

本节主要介绍了Native和Flutter之间的页面跳转,以及同一个页面中Native与Flutter组件的组合。接下来会介绍如何编写Android插件与Flutter进行数据交互

新建一个flutter项目,可以在ios上运行,四步搞定!

1. 建立一个flutter项目的命令

2. 在ios文件夹下,生成pods文件夹

3. Xcode环境签名设置;

把错误的版本删除再添加,可解决签名错误问题;必须先删除再添加,直接修改可能不起作用。团队开发,必须使用团队的签名。

4.运行创建的flutter项目;
选择真机、模拟机,点击运行按钮,或使用命令运行:

下面两步是赠送的:
5.新加一款插件,所涉及的命令;

ios 端所涉及的命令

6. 刚更新的插件和已有的插件有冲突怎么办?
可以试一试以下步骤:

关于flutter开发项目录和flutter新建项目的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。 flutter开发项目录的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于flutter新建项目、flutter开发项目录的信息别忘了在本站进行查找喔。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:解决IDEA的Terminal中文乱码问题
下一篇:小程序app 开发(小程序app开发客户)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~