![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
flutter
文章平均质量分 91
iOS大鑫
这个作者很懒,什么都没留下…
展开
-
八天让iOS开发者上手Flutter!(七)
上一篇文章我们已经完成首页聊天页面的导航条和列表展示,今天的任务是完成搜索cell的展示和点击之后的搜索页面的功能。自定义SearchCell新建search_cell.dart文件实现SearchCell代码SearchCell的话,因为仅仅只是展示,点击之后就进入搜索页了,应该来说是不需要状态的,所以用一个StatelessWidget就够了。然后布局的方式使用一个Container包含一个Row,Row里面包一个图片和文本就可以了。布局的方式其实多种多样,能实现就好了。完整代码如下:一原创 2021-08-24 18:59:02 · 315 阅读 · 0 评论 -
八天让iOS开发者上手Flutter!(六)
准备网络数据这一步不是很重要,提供一些假数据而已,不是重点嫌麻烦的可以跳过。先介绍一个网址:点击这个网址用来搭建我们需要的网络数据,注册账号非常简单,这里就不多说了。注册完成之后,新建一个仓库,简简单单取个名字就够了:之后点击进入仓库,可以看到下图:会默认生成以一个示例接口,可以看一看示例接口的生成规则。看不懂也没关系,我们直接直接上手自己新建一个接口,如图所示:点击右上角的编辑按钮进入编辑模式,新建一个响应chatlist,类型为Array。然后生成chatlist的数据,image.原创 2021-08-19 14:11:49 · 349 阅读 · 0 评论 -
八天让iOS开发者上手Flutter!(五)
上篇文章,我们已经完成了通讯录的列表。这篇文章介绍完成通讯录右侧的索引条的功能。显示索引条之前我们已经做过了我的页面的布局,我的页面上有一个列表和一个拍照按钮,和我们今天要实现的索引条布局十分类似。我的页面的布局如下:通讯录界面的布局,和我的页面的布局都是使用一个Stack包含列表和其他子视图来实现。索引条是紧贴屏幕右侧,然后里面的子视图是由上至下的。所以自然的会想到使用一个Positioned包含Column来实现。Positioned和Stack的组合我们之前讲过,这两个组合起来使用,就和我们原创 2021-08-03 15:44:07 · 218 阅读 · 0 评论 -
八天让iOS开发者上手Flutter!(四)
上一篇文章我们已经完成了发现页面的搭建,下一步我们实现微信的我的页面我的页面在着手开发我的页面之前,先新建一个discover目录,将发现页面相关的文件统一挪动到这个目录下。这里会发现AndroidStudio一个比较特别的地方,新建一个目录后,挪动了的文件不需要重新导入头文件。AndroidStudio会在需要的地方自动补全路径。这点感觉还是蛮智能的。设置APP启动默认展示我的页面这个设置在上一篇文章开发发现页面的时候也说过了,就是修改rootPage.dart文件里_currentIndex原创 2021-07-31 15:44:35 · 282 阅读 · 0 评论 -
八天让iOS开发者上手Flutter!(三)
搭建项目主框架新建微信聊天,通讯录,发现,我的四个文件上一篇文章最后我们已经将APP的TabBar和四个对应的子视图搭建好了,但是每一个子视图里面肯定会有大量的代码,全部放到rootPage文件里面肯定是不合理的。所以我们为每个子视图创建单独的文件,并将代码分散到每个文件中。比如聊天页面,返回自己的Scaffold:现在我们点击切换一下tabBar的item,发现会有一些高亮的颜色,以及一个水波纹效果,这些都是MaterialApp类的theme提供的。如果想去掉这些效果,要来到main.da原创 2021-07-29 15:28:46 · 292 阅读 · 0 评论 -
八天让iOS开发者上手Flutter!(二)
Flutter布局AlignmentContainer类里有一个alignment属性,翻译过来应该叫对齐方式,这个属性用来控制Container的子控件相对于它自身的一个位置。在我们iOS开发中,我们知道坐标系的原点是在左上角。而在flutter中,坐标系的原点在父控件的正中心,可以使用这个alignment属性来控制子控件在父控件中的位置,它有两个参数分别是double类型的x,y。取值是-1到1,当0,0的时候表示子控件在父控件的正中心;当1,0的时候,表示子控件位于x方向上的最右侧,y方向上居原创 2021-07-27 14:35:33 · 331 阅读 · 1 评论 -
八天让iOS开发者上手Flutter!(一)
flutter现在是越来越火了,现在作为一个iOS开发,如果你不会flutter都好像不算个正常人似的?而且现在的flutter情况,有点像2012年那会儿刚刚兴起的iOS,Android开发一样,会点皮毛UI就可以提升不少身价…这些年过来,有无数的前端跨平台框架兴起。却只有flutter一家独秀,说明它还是有两把刷子的。今天这篇文章内容是基于Mac和Android Studio基础来开发flutter的,如果你还没有配置好开发环境,可以在网上搜索,或者直接到官网安装。这篇文章主要用来记录我学习flutte原创 2021-07-26 14:53:32 · 1053 阅读 · 1 评论