React-Native

javascript公共方法封装 收藏版 (react-native适用)

/***Createdbyzengtaoon2017/3/29.*///正则区域exportconstzhengze={emailReg:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/,//emallip:/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g,//ip地址shuzi:"^[0-9]*$",//只能输入数字tel:"^(\(\d{3,4}-)
dangxy丶·2019-12-31 06:03

react-native开发实例之列表组件

先看效果图QQ20161220-225035.gif使用到的组件https://github.com/greatbsky/react-native-pull几个点PullList组件的style属性和contentContainerStyle属性的用法renderFooter、topIndicatorRender的用法onEndReached的用法本来想直接用listview做一个，后来发现还是使
sleepforests·2019-12-31 06:57

React-Native ActivityIndicator指示器

ActivityIndicator指示器系统的指示器ActivityIndicator在Native中的使用方法.默认的有四个属性:size,color,animating,hidesWhenStopped;/***size:是个枚举值:large,small默认是small*在安卓里面的话可以设置大小类型为number的,只适用在安卓里面*color:默认是white*animating:boo
Frank_chun·2019-12-31 04:37

React/React Native 的ES5 ES6写法对照表

：//ES5varReact=require("react");var{Component,PropTypes}=React;//引用React抽象组件varReactNative=require("react-native
街角仰望·2019-12-31 03:54

react-native百度地图—ios拓展(计算两点之间距离)

之前的一篇文章react-native百度地图—Android拓展(计算两点之间距离)介绍过Android端怎么写，本来想着另开一篇文章把ios也写了，后来项目上一堆事情就给忘了，今天把ios端的补一下
sybil052·2019-12-30 21:02

React-Native 错误集

watchmanwatch-del-allrm-rfnode-modules&&npminstallReactNative'config.h'filenotfoundcd项目根目录下cdnode_modules/react-native
小的小碰撞·2019-12-30 19:38

001-简单的秒表组件--react-native

001-简单的秒表组件--react-native一：简单的新手练手作品，尝试一下自己编写一个组件，正好前段时间一直有看大神们的计时器组件，打算着手写一个秒表的计时器。
垒虚·2019-12-30 17:23

Mbox-React Native

npmibabel-plugin-transform-decorators-legacybabel-preset-react-native-stage-0--save-dev//能够使用@标签3.在.babelrc文件中修改为{"presets":["react-native
亦晴工作室·2019-12-30 16:40

RN：Unable to find a specification for `React-xxxx (= 0.60.5)` depended upon by `xxxx`

/node_modules/react-native/ReactCommon/jsi'pod'React-jsiexecutor',:path=>'..
空军狗头军师·2019-12-30 16:17

react-native 初始化项目遇到的坑

最近闲来没事，又开始继续我的RN项目，由于有一段时间没有做了，想重新建一个项目，按照之前的顺序。（前提环境已经装好）环境mac版本10.12.51.默认情况下安装react-nativeinitMyTestApp2.cdMyApplication3.npmstart4.react-nativerun-ios以上是我默认的步骤进行工程的创建，但是在运行的总是失败。错误信息“Unpacking/Use
小白菜_TH·2019-12-30 13:59

react-native 组件库

动画库https://github.com/oblador/react-native-animatable图片库https://github.com/oblador/react-native-vector-icons淘宝react-webhttps://github.com/taobaofed/react-webhttps://github.com/leecade/react-native-swi
RN_GP·2019-12-30 12:58

react-native ios 集成httpdns

react-native项目iOS端集成httpdns官方文档https://help.aliyun.com/document_detail/30143.htmlDemo地址https://github.com
庄子黑黑·2019-12-30 10:12

初识ReactNative

公司打算用react-native开发APP，初始RN遇到了很多坑，搭建了一个小的项目框架，结合redux根据公司现成的接口写了几个小demo，接触前端半年多，之前是做iOS的，感觉转起来很困难，希望有大神可以给出些优化的建议
庄子黑黑·2019-12-30 04:06

浅析React-Native WebView,实现RN代码与Html的简单交互

前言基于React-Native0.41及0.25两个版本来分析公司项目基于ReactNative开发，最近有个需求为嵌入Web页面至应用中，分析需求发现技术实现中涉及了Web页面与app代码之间的交互，这对于原生来说实现并不难，但对于接触不久的RN来说，实现起来有点难度。下面结合React-NativeWebViewAPI来分析WebView的使用及简单的交互。以下内容包括：React-Nati
jiaming_·2019-12-30 03:35

配置reactNative（RN）过程中 出现react-native：command not found 和 zsh: command not found: react-native

搭建环境的时候遇到老问题,记得自己以前写过一篇文章.果然解决了,不过当时不懂markdown,布局排版惨不忍睹.重新改一下吧.也希望这次可以真正得学以致用~解决问题:1.配置reactNative（RN）过程中出现react-native
曹九朵_·2019-12-30 00:31

使用Sublime Text3 开发React-Native的配置

SublimeText3作为功能强大，使用较为广泛的编辑器，有很强的自定义功能，插件库很庞大，针对新语言插件更新很快，配合使用可以快速搭建适配语言的开发环境。SublimeText3为共享软件，可在网上搜索下载破解版。使用PackageControl组件安装所需插件在使用PackageControl之前首先要安装PackageControl。一、简单的安装方法使用Ctrl+`快捷键或者通过View
Tywin_Zhang·2019-12-29 23:26

React-Native踩坑...

AndroidStudio在选用Genymotion模拟器后，在Genymotion模拟器已经启动的情况下，AndroidStudio的SelectDeploymentTarget页面不显示Genymotion中已经添加的模拟器，如下图：AndroidStudio中不显示模拟器在纠结后查资料并实践后好使，与大家分享。首先打开Genymotion上栏的Setting界面，切换到ADB选项，在ADBt
正直走·2019-12-29 21:41

React-Native配置自定义字体文件

React-Native设置自定义字体文件今天主要说说如何通过字体文件加载应用中的一些图标首先推荐一个网站iconfont-阿里巴巴矢量图标库，这里有海量的图标，可以下载你想要的各种矢量图标，你也可以在注册并登陆账号后
江湖人称_赫大侠·2019-12-29 14:13

React Navigation Android 返回键事件处理

实际开发中有这么一个需求，当停留在首页的时候点击Android的返回键，提示再次点击退出，直接上代码importReactfrom"react";import{BackHandler}from"react-native
Thelastgame·2019-12-29 13:39

React-Native（Print: Entry, ":CFBundleIdentifier", Does Not Exist）

在运行React-Native项目的时候遇到以下问题：FailedtoinstalltherequestedapplicationAnapplicationbundlewasnotfoundattheprovidedpath.Provideavalidpathtothedesiredapplicationbundle.Print
Best_Kai·2019-12-29 12:58

跟我一起学React Native之我的和设置

写在前面这篇文章是“跟我一起学react-native”系列文章的第三篇。这系列文章会随着这个新闻项目的进行更新。
Mr_Zander·2019-12-29 07:32

ReactNative学习——环境搭建

React-Native学习React-Native中文官网：http://reactnative.cn/docs/0.47/getting-started.html#content一、环境搭建准备：python2
b77535296c81·2019-12-29 07:07

react-native WebView 与 h5网页交互

h5网页向react-native发消息网页事件中发送消息window.postMessage('网页向rn发送的消息');react-native中接收消息webview实现onMessage={this.handleMessage
庄子黑黑·2019-12-29 07:26

React-native 技术在壹钱包中的实践及优化

REACT-NATIVE作为前端框架，到现在大概有三年的时间。我这边先分享一下为什么使用REACT-NATIVE。
涅槃快乐是金·2019-12-29 06:30

Realm数据库在RN中的使用教程

如果在使用过程中遇到什么问题，可以加入react-native兴趣交流群群号：397885169一起讨论学习，也欢迎在评论区评论。
挂着铃铛的兔·2019-12-29 06:09

react-native九宫格布局

效果图如下34018D92-5CA9-4CEB-8526-AA9729905D46.png附上代码：https://github.com/wanwang88/ReactNativeFlexBoxImageDemoimportReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,Image}from'react-na
wangwan·2019-12-29 05:31

React-Native 命令备忘

创建项目$react-nativeinit$projectName安装所有package.json里的库文件$npminstall安装指定库文件，通过-save保存到package.json。$npminstallsome_third_lib--save卸载指定库文件，通过-save保存到package.json。$npmuninstallsome_third_lib--savelink所有库文件
心甘情愿_Root·2019-12-29 04:31

react-native--02Hello World

HelloWorld样例代码分析importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View}from'react-native
极光火狐狸·2019-12-29 03:43

React-Native 填坑之旅--删除第三方库

做React-Native项目时，使用Realm做数据持久化，由于种种不便，所以将其删除。
FreeLeaves·2019-12-29 01:38

rn中访问相册和保存图片

\node_modules\react-native\Libraries\CameraRoll下的Xcode项目
Kris_lee·2019-12-29 01:06

react-native底部导航栏实现--react-navigation-tabs填坑记录

最近刚开始学习react-native，在做一些小项目，实现底部tab栏时卡了半天，终于解决了！
滑稽zlx·2019-12-29 00:00

ReactNative之Navigator 导航器

importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,Navigator,TouchableOpacity}from'react-native
MarCoXiong·2019-12-29 00:05

[转载]React-Native 之 Modal介绍与使用

前言遗漏的常用组件，刚发现官方有提供，这边也来介绍一下。如本文有错或理解偏差欢迎联系我，会尽快改正更新！如有什么问题，也可直接通过邮箱[email protected]联系我。本章涉及资源下载：链接:https://pan.baidu.com/s/1o84o6JS密码:htx6属性animationType（动画类型）PropTypes.oneOf(['none','slide','fade'])n
壹点微尘·2019-12-28 23:22

React-Native 拖拽列表，滑动删除。

工作需要，实现了一个可以滑动删除的拖拽列表。主要是参考的这个网站https://blog.csdn.net/sinat_17775997/article/details/74668541?locationNum=10&fps=1不过因为他没有实现滑动删除的功能，所以我在这里狗尾续貂一下。先看一下功能拖拽拖拽添加添加删除删除实现方法。拖拽是在ScrollVIew中对data进行map，返回View让
易之108·2019-12-28 21:07

react native07 配置打包

xcode-product-archive2、打完之后export选择第二个saveforadhoc发布前测试应用有没有问题：react-nativerun-android--variant=release安卓打包步骤：老版的react-native
蜗牛的学习方法·2019-12-28 20:12

react-native开发实例——妹子app

QQ20170224-103650.gifupdate:整理了一个无服务器版本，欢迎大家试玩。https://git.oschina.net/sleepforests/mmjpg-react-native有兴趣的可以下载看看，目前android版本已经完成，ios版本稍等几天。使用到的组件有："@remobile/react-native-toast":"^1.0.6","native-base"
sleepforests·2019-12-28 17:50

2018 React-Native(入门指南)学习笔记(一)

第一篇环境配置&HelloWorld一、前言最近手头的工作繁多，有研究性的项目和系统研发，作为一名iOS原生开发的小学生,对于突如其来的React-Native/week等跨平台框架,说实话我是持拒绝的态度的
OnlyFunny·2019-12-28 16:12

浅谈SAP CRM和Hybris Commerce里的价格架构折扣

在这个原型项目里，我们用React-Native开发了一个移动应用，用户可以在手机上浏览SAPHybrisCommerce里的产品，然后下单。
JerryWang_汪子熙·2019-12-28 16:13

react-native自定义组件

reactnative在app开发上的一个优势就是组件化开发，当有了足够多的自定义组件后，可以很方便的将这些组件拼装起来，开发效率提高很多。本文中将以一个picker为例子，来讲如何包装一个通用性很强的reactnative组件。本文的示例源码可以在ReactNativeUIComponents下载。这个项目未来会不断的维护加入更多实用的组件，也力求这个项目可以作为一个reactnative的示例
haiyangjiajian·2019-12-28 13:24

react-native 0.49.0版本更新日志

突破变化和用法普遍性的更新新项目现在只有一个入口点（index.js）概要之前当使用react-nativeinit创建新项目时，生成的模板有两个入口点：index.ios.js和index.android.js。这两个文件的内容是相同的现在创建新项目时，生成的模板具有单个共享入口：index.js更新你的代码当使用react-native-git-upgrade或react-nativeupgr
挂着铃铛的兔·2019-12-28 13:02

react-native环境搭建

安装Java环境并设置环境变量安装androidStudio并设置环境变量（https://developer.android.google.cn/studio/）设置环境变量可以自己搜，有很多教程安装安卓虚拟机genymotion，去百度搜能搜到网盘分享的（必须先安装Oracle的最新版本虚拟机，可以直接去官网下载（https://www.virtualbox.org/））在react-nati
李博洋li·2019-12-28 11:57

ReactNative 动画LayoutAnimation

importReact,{Component}from'react';import{View,LayoutAnimation,TouchableOpacity,Text,StyleSheet}from'react-native
贤宇·2019-12-28 10:00

ReactNative错误合集

一开始以为是版本更新接口改了，但是找了好久也没找到相关的说明，最后在这里找到了答案戳我戳我戳我解决方法：node_modules/react-native/React/Views/RCTScrollVi
figure_ai·2019-12-28 08:27

Navigator的教程

下面是一个简单的例子，用Navigator来跳转页面，页面之间传递参数(代码是ES6语法写的):importReactfrom'react';import{View,Navigator}from'react-native
大灰狼的小绵羊哥哥·2019-12-28 06:35

react-native 实现图片宽度一定，高度自适应

宽度充满，上下滑动）微信图片_20181121141628.pngimport{View,Text,StyleSheet,ScrollView,DeviceEventEmitter,Image,}from'react-native'importFitImagef
Fairy_zhao·2019-12-28 05:12

react-native开发实例之android发布签名包

react-native程序开发完成后需要发布，今天我们利用https://fir.im/apps来发布我们的androidapp包。
sleepforests·2019-12-28 04:18

ReactNative Animated详解(转)

使用篇举个简单的栗子varReact=require('react-native');var{Animated,Easing,View,StyleSheet,Text}=React;varDe
滕的世界·2019-12-28 03:10

react-native 配置eslint+prettier（webstrom）

1.eslint、prettiereslintESLint是一个语法规则和代码风格的检查工具,提高代码质量。prettierPrettier的中文意思是“漂亮的、机灵的”，也是一个流行的代码格式化工具的名称，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。eslint和prettier可以配合使用，也可以单独使用。下面我们主要讲eslint和prettier结合使用。2.dev依赖
boyrt·2019-12-28 03:10

React-Native 之 Touchable 介绍与使用

前言学习本系列内容需要具备一定HTML开发基础，没有基础的朋友可以先转至HTML快速入门(一)学习本人接触ReactNative时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢文章第一版出自，如果出现图片或页面显示问题，烦请转至查看也希望喜欢的朋友可以点赞，谢谢View中的触摸属性与Touchable的对比学完之前的内容后
珍此良辰·2019-12-28 02:14

ReactNative: 使用StatusBar状态栏

一、简介在iOS中可以使用UIStatusBar控件改变App的状态栏，同样地，React-Native中可以使用StatusBar组件来控制。二、API属性：//是否隐藏hidden?
XYQ全哥·2019-12-27 18:00
上一页 87 88 89 90 91 92 93 94 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他