drawer

一，前言： 　　MaterialApp和Scaffold是Flutter提供的两个Widget，其中： MaterialApp是一个方便的Widget，它封装了应用程序实现Material Design所需要的一些Widget。 Scaffold组件是Material Design布局结构的基本实现。此类提供了用于显示drawer、snackbar和底部sheet的API。MaterialApp 的 child 是 Scaffold Widget。 二，MaterialApp属性介绍　　　　　　　　　　　　　　　　　　　　　　 * 22个参数 字段 类型 navigatorKey（导航键） GlobalKey<NavigatorState> home（主页） Widget routes（路由） Map<String, WidgetBuilder> initialRoute（初始路由） String onGenerateRoute（生成路由） RouteFactory onUnknownRoute（未知路由） RouteFactory navigatorObservers（导航观察器） List<NavigatorObserver> builder（建造者） TransitionBuilder title（标题） String onGenerateTitle（生成标题）

createDrawerNavigator抽屉效果，侧边滑出： createDrawerNavigator API createDrawerNavigator(RouteConfigs, DrawerNavigatorConfig): RouteConfigs (必选)：路由配置对象是从路由名称到路由配置的映射，告诉导航器该路由呈现什么。 DrawerNavigatorConfig (可选)：配置导航器的路由(如：默认首屏，navigationOptions，paths等)样式(如，转场模式mode、头部模式等)。 从createDrawerNavigator API上可以看出 createDrawerNavigator 支持通过 RouteConfigs 和 DrawerNavigatorConfig 两个参数来创建createDrawerNavigator导航器。 RouteConfigs RouteConfigs支持三个参数 screen 、 path 以及 navigationOptions ； screen (必选)：指定一个 React 组件作为屏幕的主要显示内容，当这个组件被DrawerNavigator加载时，它会被分配一个 navigation prop。 path (可选)：用来设置支持schema跳转时使用，具体使用会在下文的有关 Schema 章节中讲到；

不知道为什么，自从我开始在这里写一些我的工作和生活纪要之后，老大就开始各种的让我做一些很神奇的东西，难道他知道了（小声嘀咕），虽然我知道不可能，这老小子除了媳妇孩子让他上心之外，绝对不可能拿手机看文章的（这句话就是测试一下，要是他真的看我的文章的话，我基本就不会在更新了。哈哈哈哈哈）这次的内容是一个开发实战，刚好我们项目用到了，之前的时候我自己玩过并且代码提交了Git，所以这次直接拿来用了，用同事的话说我就是个百宝箱，有好多可以直接cv的代码用，今天就给大家介绍一下我们日常应用比较多的React，主要是以下几个方面 React中怎么实现后台调用（异步+同步） React父子组件传值 React如何修改深层state属性 好了，老规矩，正式看代码之前，先来给我点个 关注+评论 吧，谢谢各位的支持 个人公众号：Java架构师联盟，每日更新技术学习好文 React如何调用后台 使用惯了jQuery封装好的ajax方法，这次在使用React项目开发时，着实令人着急，记录一下。 fetch fetch是用来取代传统的XMLHttpRequest的。 它的优点很多，包括链式调用的语法、返回promise等。 下面就是最基本的fetch使用，默认是异步的。 fetch(url,{ method : 'POST' , headers : { 'Content-Type' :

在一次建模比赛中，我手头里的原始数据中有一个“地址描述”地段，如下： 这样的地址描述字段过于随意，很难使用，但是看这些字符串的样子似乎又可以提取出其所在的省、市和区。 即使只能够提取出区或者市，如果我们有一个省、市和区的归属数据库的话，应该也能够将剩下的信息映射出来。 如果自己写的话肯定很麻烦，还要去网上找数据库，于是我做了一个可以复用的python模块，一条命令就可以将上面的“地址描述”字段转换成如下的样子： 准备 模块安装：目前支持python3 pip install cpca 更详细的模块介绍见Github上的README https://github.com/DQinYuan/chinese_province_city_area_mapper 分词模式 本模块中最主要的方法是cpca.transform，该方法可以输入任意的可迭代类型（如list，pandas的Series类型等），然后将其转换为一个DataFrame，下面演示一个最为简单的使用方法： location_str = ["徐汇区虹漕路461号58号楼5楼", "泉州市洛江区万安塘西工业区", "朝阳区北苑华贸城"] import cpca df = cpca.transform(location_str) df 输出的结果为： 省 市 区 地址 0 上海市 上海市 徐汇区 虹漕路461号58号楼5楼 1

一、老套路，先看样式 右侧图是我的实际开发中业务界面，用作展示而已 二、讲解（后附源码） 1.这里主要是用户AppBar组件 /** AppBar({ Key key, this.leading,//在标题前面显示的一个控件，在首页通常显示应用的 logo；在其他界面通常显示为返回按钮 this.automaticallyImplyLeading = true, this.title,//Toolbar 中主要内容，通常显示为当前界面的标题文字 this.actions,//一个 Widget 列表，代表 Toolbar 中所显示的菜单，对于常用的菜单，通常使用 IconButton 来表示；对于不常用的菜单通常使用 PopupMenuButton 来显示为三个点，点击后弹出二级菜单 this.flexibleSpace,//一个显示在 AppBar 下方的控件，高度和 AppBar 高度一样，可以实现一些特殊的效果，该属性通常在 SliverAppBar 中使用 this.bottom,//一个 AppBarBottomWidget 对象，通常是 TabBar。用来在 Toolbar 标题下面显示一个 Tab 导航栏 this.elevation = 4.0,//纸墨设计中控件的 z 坐标顺序，默认值为 4，对于可滚动的 SliverAppBar，当 SliverAppBar