一.Flutter FloatingActionButton 介绍 FloatingActionButton 简称 FAB,可以实现浮动按钮,也可以实现类似闲鱼 app 的地步凸起导航   child  子视图,一般为 Icon,不推荐使用文字 tooltip FAB 被长按时显示,也是无障碍功能 backgroundColor  背景颜色 elevation  未点击的时候的阴影 hignlightElevation  点击时阴影值,默认 12.0 onPressed  点击事件回调 shap…
/* 一.Flutter FloatingActionButton介绍 FloatingActionButton简称FAB,可以实现浮动按钮,也可以实现类型闲鱼app的底部凸起导航. child:子视图,一般为Icon,不推荐使用文字. tooltip:FAB被长按时显示,也是无障碍功能 backgroundColor:背景颜色 elevation:未点击的时候的阴影 hignlightElevation:点击时阴影值,默认12.0 onPressed:点击事件回调 shape:可以定义FAB的…
之前做过淘宝PC端宝贝和店铺数据的采集,后来需要做APP端的数据采集,因为没有学过Android,以前也都是做PC端的软件,有没有其他方法呢? 突然想到了用手机模拟器,可以在电脑端控制运行手机APP端的软件,再结合软件程序发送命令来实现采集数据,APP以闲鱼为例: 主要分为: 1.连接设备: 2启动咸鱼APP 3.搜索框输入内容并搜索: 4.采集内容 5.点击进入宝贝,查看宝贝详情 6.一页采集完滚动 直至最后采集完成! 导出Excel数据: 二.同时连接多个设备 最近又研究了下多设备的采集,一…
1.页面效果图:(点击底部导航按钮,可切换到不同的页面) 演示地址:http://www.nxl123.cn/bokeyuan/2018080301/meiTuanDemo/ 2.项目目录结构 3.核心代码 index.html: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="Content-…
第一步,下载依赖 npm install react-native-tab-navigator --save 第二步,引入 import TabNavigator from 'react-native-tab-navigator'; 第三步,使用 <TabNavigator> <TabNavigator.Item selected={this.state.selectedTab === '首页'} title="首页" titleStyle={styles.tabTe…
2012年应届毕业加入阿里巴巴,主导了闲鱼基于Flutter的新混合架构,同时推进了Flutter在闲鱼各业务线的落地.未来将持续关注终端技术的演变及趋势 Flutter的优势与挑战 Flutter是Google开源的跨端便携UI工具包,除了具有非常优秀的跨端渲染一致性,还具备非常高效的研发体验,丰富的开箱即用的UI组件,以及跟Native媲美的性能体验.由于它的众多优势,也使得Flutter成为了近些年来热门的新技术. 通过以上的特点可以看出,Flutter可以极大的加速客户端的研发效率,与此…
实现一个底部导航栏,包含3到4个功能标签,点击对应的导航标签可以切换到对应的页面内容,并且页面抬头显示的内容也会跟着改变. 实际上由于手机屏幕大小的限制,底部导航栏的功能标签一般在3到5个左右,如果太多,会比较拥挤,影响用户体验,实际上目前市面上大多数APP的底部导航标签都控制在4到5个左右.既美观.又不会让用户觉得功能繁杂.这个功能的实现需要用到flutter里的BottonNavigationBar这个控件. 属性名 类型 说明 currentIndex int 当前索引,用来切换按钮控制…
在以前,做策划导航的时候,最常用的组件便是SlidingMenu了,当初第一次用它的时候觉得那个惊艳啊,体验可以说是非常棒. 后来,Android自己推出了一个可以实现策划导航的组件DrawerLayout,也相当的不错,更加简洁,好使.当前,很多的APP都会采用侧滑导航的设计,不仅体验上很好,而且这种为APP节省了很多"空间"的交互,给人的感觉更加舒服. Android已经越来越追求用户体验,在APP功能越来越成熟稳定的情境下,把用户体验做到极致,是开发者应有的追求! 除了Drawe…
BottomNavigationBar常用的属性: 属性名 说明 items List<BottomNavigationBarItem> 底部导航条按钮集合 iconSize icon currentIndex 默认选中第几个 onTap 选中变化回调函数 fixedColor 选中的颜色 type BottomNavigationBarType.fixed BottomNavigationBarType.shifting import 'package:flutter/material.da…
效果: /**  * Flutter  BottomNavigationBar 自定义底部导航条.以及实现页面切换:  * BottomNavigationBar是底部导航条,可以让我们定义底部Tab切换,  * bottomNavigationBar是Scaffold组件的参数.  *BottomNavigationBar常见的属性:  items  List<BottomNavigationBaritem> 底部导航条按钮集合.  iconSize icon  currentIndex 默…