07 2018 档案
摘要:引言 react-native-router-flux 是一个基于 react-navigation 路由框架,进一步简化了页面跳转的步骤,并且一直随着 react-navigation升级更新版本。而且使用这个框架的话,可以将全部的页面跳转的处理逻辑都写在一个地方,方便了后续的维护。 先来个简单的
阅读全文
摘要:1.fetch 函数封装 fetch.js .
阅读全文
摘要:而在React Native中,有4个容器属性,2个项目属性,分别是: 容器属性:flexDirection flexWrap justifyContent alignItems 项目属性(子元素属性):flex alignSelf flex-direction属性 flex-direction属性
阅读全文
摘要:1,AsyncStorage介绍 AsyncStorage 是一个简单的、异步的、持久化的 Key-Value 存储系统,它对于 App 来说是全局性的。它用来代替 LocalStorage。 由于它的操作是全局的,官方建议我们最好针对 AsyncStorage 进行一下抽象的封装再使用,而且不是直
阅读全文
摘要:1.封装 Scroller 组件 src/components/Scroller/index.js 2.页面调用 3.效果图
阅读全文
摘要:1.首先补充一下以前的写法 App.js 其他页面,例如:src/pages/creation/index 效果图: 警告:Method 'jumpToIndex' is deprecated.Please upgrade your code to use 'jumpTo' instead. 原因:
阅读全文
摘要:在app.js中引入封装的文件const request = require(‘./utils/request.js’) ,然后定义接口域名apiUrl: ‘https://www.geekxz.com‘, .
阅读全文
摘要:步骤一:android 文件修改 (1)In android/settings.gradle (2)In android/app/build.gradle (3)Register Module (In android/app/src/main/java/com/reactnative/MainApp
阅读全文
摘要:引入: 步骤一:绑定 form 步骤二:绑定 item 步骤三:获取 form 的值 .
阅读全文
摘要:1.安装 2.创建 root.js 代码中有注释,代表的意思,进入到根后到createStackNavigator,默认输出的家园中到选项卡的底部标签,跳转接着到 接着上标签里出现到createButtomNavigator导航到代码 3.创建 底部选项卡 颜色样式 .
阅读全文
摘要:1.错误提示 警告:isMounted(…)在纯 react.js 类中被弃用。 2.原因解析 出现此错误提示的原因是源代码内有已被React舍弃的代码,但此并不影响程序运行。 在index.js 内写入以下代码可屏蔽此提示。 .
阅读全文
摘要:1.所有的属性类型 2.代码 .
阅读全文
摘要:1.Unable to load script from assets 'index.android.bundle'. 2.error: bundling failed: Error: Unable to resolve module 'AccessibilityInfo' from 降级处理 3.
阅读全文
摘要:1.react-native 常见操作 2.各种报错 最新版: 降级后: .
阅读全文
摘要:1 数组合并 1.1 concat 方法 1.2 循环遍历 1.3 apply 合并数组arr1和数组arr2,使用Array.prototype.push.apply(arr1,arr2) or arr1.push.apply(arr1,arr2); 2 对象合并 2.1 $.extend() 2
阅读全文
摘要:原因解析: 之所以你在浏览器内可以由首页跳转到其他路由地址,是因为这是由前端自行渲染的,你在React Router定义了对应的路由,脚本并没有刷新网页访问后台,是JS动态更改了location。 当你刷新时,你首先是访问的后台地址,然后返回的页面内加载了React代码,最后在浏览器内执行;也就是说
阅读全文
摘要:1.监听props的方法 2.监听state的方法 3.props 传递的方法 .
阅读全文
该文被密码保护。
摘要:1.html 页面引入 相关js public/index.html 2.创建 BMap 组件 src/components/BMap/index.js . .
阅读全文
摘要:处理方法: (1)html书写 form标签中去掉action参数,定义onSubmit方法,如下所示: (2)事件处理 关键的是阻止掉页面默认提交: .
阅读全文
摘要:1.代码 .
阅读全文
摘要:1.创建 组件 src/components/TabBar/index.js 样式 index.less 菜单 src/common/menu.js 2.页面调用 3.效果图
阅读全文
摘要:1.request.js 函数封装 2.注:向后台传递数组的方法 需要在qs的方法中设置它的indices为false即可,如: .
阅读全文
摘要:背景 今天在用vue实现界面的时候,想在beforeRouteEnter钩子函数中去获取数据,然后通过next方法设置到跳转页面的实例中,结果发现数据一直没办法在界面渲染的时候赋值,苦思不得其解,遂google之,终寻原因,记录之。 注意 next(vm=>{console.log(‘next’)
阅读全文
摘要:容器组件使用 connect() 方法连接 Redux 我们用 react-redux 提供的 connect() 方法将“笨拙”的 Counter 转化成容器组件。connect() 允许你从 Redux store 中指定准确的 state 到你想要获取的组件中。这让你能获取到任何级别颗粒度的数
阅读全文
摘要:1.react 调用方法的写法 (1)方式一 (2)方式二 (3)方式三 2.解决 react onClick 方法自动执行 情况说明: 页面加载后,自动调用了 onClick 方法 解决方案一: 解决方案二: .
阅读全文
摘要:今天,我们要讨论的是react router中Link传值的三种表现形式。分别为通过通配符传参、query传参和state传参。 ps:进入正题前,先说明一下,以下的所有内容都是在react-router V4的版本下。 1.params Route定义方式: Link组件: HTML方式 JS方式
阅读全文
摘要:react-redux 将 store 绑定到 props 上,便于全局调用。 redux-saga 是将 redux 的同步转换为异步。 注: dispatch 到 saga , saga 匹配行为的 type,调用接口请求数据,并将数据 通过 dispatch 传给 redux。 redux 匹
阅读全文
摘要:1.执行 放大或缩小 操作时,先获取中心点经纬度 2.获取当前缩放级别 3.每次执行,再次定位中心点 和 缩放级别 .
阅读全文
摘要:react原生动态添加多个className会报错: 想要得到最终渲染的效果是: 引入classnames库,安装: 使用: 可以将后面的true省略,但这种我认为是比较直观的,可以对传入的class进行比较明显的动态判断 其他用法: 也可以传入数组对象: 可以传入动态class 在react中可以
阅读全文