react native 环境搭建
1.安装node 8.3以上2.设置镜像npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global3.安装jdk1.8以上，并设置环境变量4.安装Android Studio5.安装sdk，设置环境变量6.运行npm install -g react-native-cli7.react-native init Aweso...
2024-01-10
react native 手势响应
参考地址：https://www.jianshu.com/p/935e5c6a5064官方文档地址：https://facebook.github.io/react-native/docs/panresponder.html官方翻译地址：https://reactnative.cn/docs/0.50/panresponder.html首先，通过react native引入PanResponderimport {PanResponder} from 'react-native'; //这里是当移动了超过2...
2024-01-10
react-native坑
在我将 react-native 的版本更新到 0.47.0 后再 运行APP出现如下错误。<匿名com.aiganneo_app_code.MainApplication$1>中的getUseDeveloperSupport()无法覆盖ReactNativeHost中的getUseDeveloperSupport() 然后查阅资料后知道 是 版本更新的问题。在 Android 工程下的 MainApplication.java方法： public boolean getUseDeveloperSuppo...
2024-01-10
react native天气项目
学习ReactNative有一段时间了，于是开发了一个简单的天气应用练练手，欢迎大家fllow和star http://www.jianshu.com/p/95b44212863e项目地址：https://github.com/nickming/ReactWeatherReactWeather基于ReactNative的简单展示天气的应用,下图是部分在iphone上运行效果，后续再Android上的运行效果会后续补充。In...
2024-01-10
react-native 适配问题
const ScreenWidth = Dimensions.get('window').width;static DimensionsTransform(px) { // 设计图纸以750为基准 return px/750*ScreenWidth } ...
2024-01-10
react-native 圆形进度条
项目中录制视频需要用到圆形进度条，从网上搜了很多，终于发现一个好用的组件react-native-progress，这个组件支持线形和圆形多种形式的进度条，先来看看效果图~官方效果图.gif这个组件有四种进度条：Progress.BarProgress.PieProgress.CircleProgress.CircleSnail今天主要结合自己的项目需求讲下圆形进度条Prog...
2024-01-10
react-native开发总结
项目地址：http://liu12fei08fei.github.io/blog/41react-native.html说明• 项目总结代码地址• 从项目开始启动（2018-07-02）到项目进入测试（2018-08-20）• 从我基本没用过react，到直接上手react-native• 其实从内心我是又爱又怕，爱是我确实很早就像下手除Vue以外的框架，多接触和学习一些不一样的思想；怕是前...
2024-01-10
react-native测试安装
！！！注意！！！：init命令默认会创建最新的版本，而目前最新的0.45及以上版本需要下载boost等几个第三方库编译。这些库在国内即便FQ也很难下载成功，导致很多人无法运行iOS项目！！！中文网在论坛中提供了这些库的国内下载链接。如果你嫌麻烦，又没有对新版本的需求，那么可以暂时创建0.44.3的...
2024-01-10
anu - react
import { options } from "./util";import { Children } from "./Children";import * as eventSystem from "./event";import { PropTypes } from "./PropTypes";import { Component } from "./Component";import { win as window } from "./browser";import { createClass } f...
2024-01-10
react-native 集成支付宝sdk
Android1.在蚂蚁金服开放平台下载支付宝SDK2.在项目的android/app文件夹下新建文件夹libs，并将sdk放入其中3.修改android/app/build.gradledependencies { compile fileTree(dir: "libs", include: ["*.jar"]) // 若有这一行，则自动将libs下的所有jar包引入 compile “com.android.support:appcompat-v7:23.0.1” compile project(‘:R...
2024-01-10
iOS 在react-native中嵌入原生悬浮框
本文中使用IOS原生悬浮框：https://github.com/shanghaiMichael/DYYFloatWindow 。1.直接按照RN官网原生模块操作方式添加就可以，原生中开发接口:2.RN中调用：3.添加成功但是出现问题（由于不能上传录制的视频，文字说明）：浮框拖动的时候会在屏幕2个不同位置变换出现，打印问题如图：4.在DYYFloatWindow中把[[...
2024-01-10
【0.44】React Native 中文更新日志
本文为 Marno 原创，转载必须保留出处！公众号 aMarno，关注后回复 RN 加入交流群React Native 优秀开源项目大全：http://www.marno.cn一、导读本次更新亮点：在 IOS 上彻底移除了对 FlatList 进行优化：比如支持固定头部等个人感觉这期更新基本可以忽略了！可以忽略了！可以忽略了！二、重大变化...
2024-01-10
如何在react-native中制作圆形滑块
我想添加一个类似范围的组件。但是实际上是圆形的，我不知道该怎么做。请给我一些帮助。我想要的例子：回答：我最近一直在使用react-native-svg，我认为这太棒了-SVG和React是geek-heaven的完美结合，非常适合创建自定义UI，而无需下拉至本机绘图代码。这是一个CircularSlider实现上述内容的小组件：im...
2024-01-10
探索react native首屏渲染最佳实践
1.前言 react native给了我们使用javascript开发原生app的能力，在使用react native完成兴趣部落安卓端发现tab改造后，我们开始对由react native实现的界面进行持续优化。目标只有一个，在享受react native带来的新特性的同时，在体验上无限逼近原生实现。作为一名前端开发，本文会从前端角度，探索reac...
2024-01-10
react-native学习之环境安装
1、首先是java环境安装-安装JDK2、安装Android-SDK，推荐以下地址：http://tools.android-studio.org/index.php/sdk然后打开SDK Manager，下载安装如下：、这里下载推荐使用国内镜像源，配置详见：http://www.androiddevtools.cn/3、安装Visual Studio 2013或2015，确保相应c++模块安装4、安装Git for windows5、安装Python（version>2.7.3）...
2024-01-10
在 react 中 用echarats
在 react 中 用echarats ，用原生的方法写如下： 也可以用 react 的写法：在写的过程中遇到一个问题：刚开始用的一个 renderSaleAnalyseChart 这个方法，然后在 render 中调，然后在保存 这个 echarts 中的数据的时候出现了问题，销售列表发生两段数据值。在这里要注意，因为 render 中是不能有 setState 这...
2024-01-10
react-native打开一个日期控件
代码：export default class XXX extends Component{constructor(props){super(props);this.tomorrowDate=this.getTomorrow();this.state={chooseDate: this.tomorrowDate.getFullYear()+'-'+ this.tomorrowDate.getMonth()+'-'+ this.tomorrowDate.getDate(),}}reder(){return(<...
2024-01-10
react-native环境搭建注意事项
注意：此为个人经验，请依据自身项目情况，酌情参考请严格参照react-native中文网的搭建开发环境文档进行操作。安装Java的jdk并配置相关环境变量。安装Android-studio，安装时会自动安装安卓开发所需的sdk。以上依据文档要求，下载相应版本，并配置好后，我们来初始化react-native项目。3.1. 使用nr...
2024-01-10
react-native个人挖坑避雷指南
本文为个人react-native学习应用过程中遇到的坑，总结自用，仅供参考。1.替换APP.js会遇到下图问题(暂未解决)错误翻译：无法连接到开发服务器。尝试以下解决问题：确认包服务器运行确认你的设备或者模拟器连接着电脑，且手机启动USB调试模式，在cmd中运行adb devices来查看已经连接好的设备列表...
2024-01-10
React-native使用过程中踩的坑
因为之前没有js的经验，所以踩坑较多，在此做个记录。环境：Visual stadio code(1.28.2) + Mac + React Native + 坚果proQ：VS Code在格式化代码的时候表现很怪异。A：因为vs默认按照js进行格式化，所以我们需要将js设置为Javascreat React.Q: 我明明导入了模块，但是运行时候提示我没有导入模块。Invariant Violation: ...
2024-01-10
APP开发哪个框架好 也谈react native框架
从最近的研究报告指出，移动电商占据90%以上的份额，市场已由当初的PC为王发生了质的变化。移动端流量入口成了商家的必争之地，app商城成了商家最受欢迎的电商应用，那么商家要如何进行电商app开发、应选用什么框架进行开发呢？1、需求分析要清晰app开发通入最终的使用者是用户，因此用户体...
2024-01-10
浅谈react中的immutable
immutable不可变对象介绍一下基本概念：facebook工程师历时三年时间打造，与react同期出现，但是没有被默认放到React工具集中，它内部实现了一套完整的数据持久化，里面有很多常见的数据类型 Collection List Map Set等。里面有三种重要的数据解构:Map:键值对集合，对应Object ES6中也有专门的Map对象List:有...
2024-01-10详解如何在项目中使用jest测试react native组件
目前Javascript的测试工具很多，但是针对React的测试策略，Facebook推出的ReactJs标配测试工具是Jest.Jest的官网地址：https://facebook.github.io/jest/。我们可以看到Jest官网宣称的是：Painless JavaScript Testing。是Facebook用于测试服务和React应用程序的JavaScript单元测试框架。所谓单元测试也就是对每个单元进行测试，通...
2024-01-10
react ant design 清除绑定的对象中的一个属性
数据结构 如下let formData = {childList:[{attachMsg ：{image}}]}我想清楚除掉form表单上绑定的attachMsg或者image，但始终清除不掉我是这样绑定的试着这样子清除全都无效点击 表单的提交方法 验证还是会通过，打印value还是存在求问怎么清除回答setFieldsValue({formData:{...formData}})...
2024-01-10React 中的 State 和生命周期
通过 render 更新开篇先提供了一个例子，会用外部的不断更新状态，来不断刷新 Clock 的组件内容。function Clock(props) { return ( <div> <h1>Hello, world!</h1> <h2>It is {props.date.toLocaleTimeString()}.</h2> </div> );}function tick() { ReactDOM.render( <Clock date={new Date()}...
2024-01-10
