2019年04月_zhakesipailuo

原创 flutter中利用Swiper实现轮播并加入listview实现类豆瓣电影列表页

本文将实现如下图所示的页面：整体布局上通过column包括两部分内容；（包括：上部分的轮播图的实现+下半部分listview实现数据的展示（自定义itemview））第一部分：Swiper实现轮播图：flutter可通过第三方插接快速实现界面功能的开发，例如swiper轮播图的实现：步骤如下：1 在pubspec文件中加入必要的插件名称，通过提示同步获取到第三方的库文件。2 创建轮...

2019-04-28 17:45:44 2325 1

原创 flutter中的路由（通过使用路由创建登录界面列表并将信息传递到指定路由）

flutter中的路由，根据是否有数据传递可以分成静态路由和动态路由；静态路由：可以实现简单的页面之间的跳转，所能传递的数据都是给定的值。具体的做法如下：1 创建路由表：//创建路由表 routes:{ "new_page":(context)=>NewRoute(), "new_page2":(context)=>NewRoute2...

2019-04-26 15:39:37 898

原创 flutter通过底部导航栏实现不同page之间的切换：

实现逻辑上flutter显得更加紧凑，而在android开发中同样的实现结果需要通过不同的结构组合（例如创建不同布局的xml，设置adapter，之后将adapter设置给指定的控件）。而在flutter中可以直接通过对不同widget设置指定的事件更加降低了代码的耦合性。如下为flutter创建导航栏切换的实例：1 创建Pagerview并添加不同的页面； body: PageView...

2019-04-23 15:36:57 3169 1

原创 flutter中的gridview

gridview在移动应用中的使用非常的广泛，主要用于商品或其他类信息的展示；flutter中的gridview的使用实例如下：1 创建gridview类（其中包含两个方法一个返回card对象一个返回gridview对象）/** * 创建一个mygridview类 * 创建方法返回单个card对象 * 创建方法返回含有若干card对象的gridview */class M...

2019-04-17 16:46:30 802

原创 flutter中在statefullwidget中创建一个按键的实例

statefullwidget和statelesswidget是flutter中组件布局的基础statelesswidget顾名思义就是一个无状态的widget，可以在其中创建控件，但是不可以改变其中控件的状态。statefullwidget其中可以添加状态需要改变的widget布局，自定义一个statefullwidget需要自称自statefullwidget，并在其build方法中创建自...

2019-04-17 14:23:04 562

原创 flutter中的手势

flutter中可以通过GestureDetector方法中的不同手势事件来实现不同的点击操作：例如：onTapDown 按下。onTapUp 按下起来之后。onTap 点击。onTapCancel点击之后移出点击区域。onDoubleTap双击。onLongPress 长按。以下代码演示了以上不同方法的操作：class gustrueState extends Stateful...

2019-04-16 16:19:27 403

原创 Flutter中的text和container的使用说明

flutter一切皆为widget，text中的重要的属性举例：TextAlign（文本对齐方式）maxlines（设置最多显示的文本行数）overflow（设置文本溢出时候的显示方式）style（文本的显示风格）class TextApp extends StatelessWidget { final String text = 'Syncing files to device A...

2019-04-12 15:41:43 1403

zhakesipailuo的博客