react-native - 随笔分类 - 大笨鹰

RN集成echarts4图表组件react-native-secharts(转载)

摘要：一个webview封装的图表组件。基于百度echarts4，相比native-echarts有echarts自带对象支持，例如渐变色等，用法与官网相同用法。 echarts version 4.2.0-rc.2 注：react-native 0.56 版本以上，webview改版， https:// 阅读全文

posted @ 2018-12-17 15:43 大笨鹰阅读(2043) 评论(0) 推荐(0)

react native原生模块引用本地jar包

摘要：比如module目录结构是这样的：然后libs中的目录是这样的：只要在build.gradle中加入这段代码就行了这样可以兼容AS和Eclipse。如果编译通过了，在module的任何一个java文件中都可以直接使用jar中的方法了编辑android\app\build.gradledepe 阅读全文

posted @ 2018-12-12 10:04 大笨鹰阅读(2497) 评论(0) 推荐(0)

react-native-printer

摘要：react-native-printer A React Native Library to support USB/BLE/Net printer for Android platform Installation Integrate module To integrate react-nativ 阅读全文

posted @ 2018-12-11 16:46 大笨鹰阅读(1356) 评论(0) 推荐(0)

react react-native 日期插件 m-date-picker / rmc-date-picker的使用

摘要：m-date-picker 基于 React，提供了 iOS 风格的日期选择方式，与原生 Datepicker 非常相似。主页: https://github.com/react-component/m-date-picker Demo: http://react-component.github 阅读全文

posted @ 2018-10-12 19:36 大笨鹰阅读(2101) 评论(0) 推荐(0)

携带cookie进行数据请求

摘要：前端进行数据请求有：普通的ajax(json)请求，jsop跨域请求，cors跨域请求，fetch请求...PC端这些请求方式中，普通的ajax(json)请求和jsop跨域请求是默认携带cookie的，而cors跨域请求和fetch请求默认是不携带cookie的。因此，当我们的请求需要携带cook 阅读全文

posted @ 2018-10-09 16:14 大笨鹰阅读(2641) 评论(0) 推荐(0)

RN用蓝牙接入热敏打印机和智能电子秤(转载)

摘要：最近要为app用蓝牙接入便携热敏打印机和读蓝牙电子秤。作为一名前端，能涉及到硬件的开发让我觉得兴奋不已，所以我立刻着手开始相应的预研。并把遇到的知识点和问题记录下来。 btw，大部分知识点未深入可能有错，欢迎指正。需求简单来说是：app内通过蓝牙来打印和读蓝牙电子秤。拆解从需求中可以分为三块，阅读全文

posted @ 2018-09-27 13:18 大笨鹰阅读(1848) 评论(0) 推荐(0)

安装加密用包

摘要：安装兼容工具 link 生成兼容js 然后在 App.js 中引入如果报错报错以后怎么办呢？然后重新装 rn-nodefiy 再运行阅读全文

posted @ 2018-09-22 01:21 大笨鹰阅读(579) 评论(0) 推荐(0)

React Native 调用 Web3（1.x）的正确姿势

摘要：1 创建项目 2 安装依赖包 3 创建 rn-cli.config.js 脚本 4 创建 global.js ，引入公用包 5 在 app.js 中引入 global 6 安装 babel-preset-es2015 安装加密用包安装兼容工具 link 生成兼容js 然后在 App.js 中引入阅读全文

posted @ 2018-09-22 01:17 大笨鹰阅读(1473) 评论(0) 推荐(0)

react-native 自定义下拉刷新 / 上拉加载更多组件

摘要：1.封装 Scroller 组件 2.页面调用阅读全文

posted @ 2018-09-12 23:53 大笨鹰阅读(1648) 评论(0) 推荐(0)

React-Native 上拉加载下拉刷新

摘要：react-native 上下拉加载的控件效果都不好，找了半天没找到，正打算自已封装的时候，无意中找到了一个比较好的控件，大家看一下： react-native-refresh-list-view 这个是基于flatlist封装的，效果还不错，大家可以用一下。阅读全文

posted @ 2018-09-11 22:30 大笨鹰阅读(1558) 评论(0) 推荐(0)

如何让你的 React Native 应用在键盘弹出时优雅地响应

摘要：原文地址：How to make your React Native app respond gracefully when the keyboard pops up 原文作者：Spencer Carli 译文出自：掘金翻译计划译者：rccoder 校对者：atuooo、ZiXYu 在使用 Rea 阅读全文

posted @ 2018-09-11 16:35 大笨鹰阅读(2445) 评论(0) 推荐(0)

解决react-native软键盘弹出挡住输入框的问题

摘要：解决react-native软键盘弹出挡住输入框的问题写登录页面，整体界面居中之后就出现软键盘弹出挡住输入框，用户体验不好的情况。用了RN官方的KeyboardAvoidingView组件，会有多出来一块灰色区域的bug，于是我就找第三方来解决这个问题，最后用的是react-native-keyb 阅读全文

posted @ 2018-09-10 21:43 大笨鹰阅读(2426) 评论(0) 推荐(0)

React-Native 之数据持久化

摘要：数据持久化数据持久化一直都是软件开发中重要的一个环节，几乎所有的应用都具备这一项功能；那什么是数据持久化呢？—— 说白了就是数据的本地化存储，将数据存储到本地，在需要的时候进行调用。这边我们介绍两种在 React-Native 中比较常用的存储方式 AsyncStorage：这是官方使用的存储方阅读全文

posted @ 2018-03-13 17:31 大笨鹰阅读(306) 评论(0) 推荐(0)

008-React-Native-Android-打包,修改名称图标(转载)

摘要：一：前言 React-native是目前最火的一种APP混合开发语言。本文旨在帮助一些不熟悉安卓原生开发的程序员快速熟悉安卓目录结构。使用工具：js--VS Code; 二：目录结构 --1:新建一个React-native项目，并把项目分别导入到VSCode中，目录如下： AndroidMan 阅读全文

posted @ 2018-01-26 11:59 大笨鹰阅读(365) 评论(0) 推荐(0)

React Native Android打包apk

摘要：按照官方的5步曲: 1.在终端里面,cd 到项目的根目录后.执行下面这行命令: 然后终端就会让你输入口令等信息.如 2.执行第一步会在根目录下会生成一个XXXXXX.keystore的文件,直接拿到android/app下. 3.在android/gradle.properties中加入:***** 阅读全文

posted @ 2018-01-26 09:56 大笨鹰阅读(257) 评论(0) 推荐(0)

react native 第三方组件

摘要：react native 的成功离不开优秀的第三方组件，以下是我见过的一些优秀或者有用的RN第三方组件按钮 APSL/react-native-button 导航 react-native-simple-routerreact-native-scrollable-tab-viewreact-nat 阅读全文

posted @ 2018-01-23 16:08 大笨鹰阅读(224) 评论(0) 推荐(0)

react-navigation 使用详解（转载）

摘要：上篇博客和大家分享了关于React Native jsBundle预加载，界面启动优化的内容，详情可点击：基于最新版本React Native实现JsBundle预加载，界面秒开优化一、开源库介绍今年1月份，新开源的react-natvigation库备受瞩目。在短短不到3个月的时间，gith 阅读全文

posted @ 2018-01-23 10:50 大笨鹰阅读(10150) 评论(0) 推荐(0)

react-navigation实现页面框架(转载)

摘要：初始化一个RN项目 page.json 引入react-navigation，在项目根目录执行一下命令现在的page.json 创建项目结构修改index.ios.js文件，以component的形式引用Root 修改root.js内容引用react-navigation库在root中使用N 阅读全文

posted @ 2018-01-23 10:24 大笨鹰阅读(901) 评论(0) 推荐(0)

React Native Headless JS（后台任务)（转载）

摘要：React Native Headless JS（后台任务） Headless JS是一种使用js在后台执行任务的方法。它可以用来在后台同步数据、处理推送通知或是播放音乐等等。 JS端的API 首先我们要通过AppRegistry来注册一个async函数，这个函数我们称之为“任务”。注册方式类似在i 阅读全文

posted @ 2018-01-21 14:51 大笨鹰阅读(2535) 评论(0) 推荐(0)

React-Native子组件修改父组件的几种方式，兄弟组件状态修改(转载)

摘要：子组件修改父组件的状态，在开发中非常常见，下面列举了几种方式。DeviceEventEmitter可以跨组件，跨页面进行数据传递，还有一些状态的修改。http://www.jianshu.com/p/c6991a241b4f 兄弟组件可以进行修改，所谓兄弟组件，就是说同一个页面，有两个组件，组件A，阅读全文

posted @ 2018-01-21 11:33 大笨鹰阅读(2337) 评论(0) 推荐(0)

随笔分类 - react-native