React-native

Using a ScrollView - RN4

1.importimport{ScrollView}from"react-native";2.Using...3.srcimportReactfrom'react';import{StyleSheet,
xiaobin80·2019-03-22 13:00

Handling Touches - RN3

;}}title="Pushme"/>Usage:(1)importimport{Button,Alert}from"react-native";(2)srcimportReactfrom'react'
xiaobin80·2019-03-22 00:00

Learn the Basics - RN2

使用Image1.引用import{Image}from'react-native';2.使用format:例如：源代码：App.jsimportReactfrom'react';import{StyleSheet
xiaobin80·2019-03-21 13:00

使用react-native 进行热更新时注意事项

1根据热更新官网介绍https://github.com/reactnativecn/react-native-pushy/blob/master/docs/guide3.md，发布应用使用pushyuploadApkandroid/app/build/outputs/apk/app-release.apk结果会报错。因为路径错误，进入apk包所在的位置你会发现少了一层release，使用push
龙-少·2019-03-21 10:40

ES6 最简单 易懂 箭头函数、普通函数、调用方法

Component}from'react';import{Platform,StyleSheet,Text,Image,View,TouchableOpacity,ToastAndroid,}from'react-native
进_b4a8·2019-03-21 10:09

react-Native键盘收起、textInput键盘遮挡问题

点击界面任意处键盘收起import{Keyboard,TouchableOpacity,}from'react-native';{Keyboard.dismiss();}}activeOpacity={
m_麻·2019-03-19 17:47

react-Native时间戳整理

1.传入的值是一个秒的时间戳，要求当返回时间距离现在在24个小时之内，显示为多少小时或多少分钟之前，大于24个小时后直接显示年月日时分秒。//timestamp.jsfunctiontimestamp(createdAt){constdate=newDate();constcurrentTimestamp=date.getTime();//获取当前时间的时间戳constresult=(curren
m_麻·2019-03-19 17:42

npm 发布一个react-native组件react-native-app-info

bg开发ReactNative项目离不开import官方或第三方的组件，这些插件无非都是用吊炸天的（你懂的）npm管理的。为了为ReactNative开发社区这个大家庭贡献一点力量，我们也可以自己开发一个组件并发布到npm。组件发布流程：image.png下面以组件react-native-app-info为例进行说明组件目标：提供获取app版本号、名称等信息（兼容iOS和Android）一、np
星辰大海_王·2019-03-19 13:05

React-Native 开发总结

1.iOS运行指定模拟器react-nativerun-ios--simulator"iPhone7Plus"第二次运行默认为上一次的模拟器，不过如果重新开启服务器的话，还是会恢复默认2.查看所有模拟器iOS：xcrunsimctllistdevicesandroid：adbdevices3.android运行到安卓模拟器出现问题oneJSserveralreadyrunning.Building
Riven2018·2019-03-19 11:22

运行react-native link react-native-gesture-handler报错：error Failed to get dependency config

这里先说明一下，由于本博主在创建项目的时候RN的0.59.1刚发布，以RN的一贯尿性必然要会存在不少问题，亲测RN的0.59.1会提示javascript版本与react-native版本不匹配，退回到
Pippen Fun·2019-03-18 23:06

一步步实现一个自适应的react-native拖拽排序

2019.3:新增单行拖拽演示，其实这个功能一致，这个拖拽插件本来就是自适应行,有时间会整体优化下ScrollView问题，使控件自带ScrollView功能。2019.2:优化拖拽不移动时自动恢复，现在这个插件应该没有任何问题。新加一个实战演示例子，后面有时间会对这个例子进行加动画，删除时item向下到待选的item动画，和待选到item。还有滑动时自动向下滑动动画。最近由于业务需求需要实现一个
mochixuan·2019-03-18 00:00

React-Native生命周期详解

一.React-Native生命周期说到生命周期，大家大概也能想到就是创建、销毁、状态改变。RN的组件就是一个状态机。它接收两个输入参数：props和state，返回一个VirtualDOM。
Cai_javaXiaoFan·2019-03-15 10:17

react-native run-ios error！！！

react-nativerun-ioserrorCommandfailed:xcruninstruments-sxcrun:error:unabletofindutility"instruments",notadevelopertoolorinPATH报错原因：升级过xcode或者xcode多版本共存下没有设置默认版本解决：1、openXcode2、左上角Xcode>preferences>loc
折木丶青梵·2019-03-13 18:58

React Native 一些奇怪的问题

.#18291解决：https://github.com/facebook/react-native/issues/18291NOTE:Changingke
理子·2019-03-11 15:42

React-Native 最完美的提示组件: [email protected]

常见的Toast一些小问题短时间内重复显示提示出现重叠重影(登陆时:登陆中…-登陆失败,时间短会出现重影)。提示生硬，没有动画，直接进行显示。提示样式简单，仅仅只能显示文字。在已经弹出Modal时显示的Toast会被遮盖。(Modal优先级大于Activity,更大于Toast的层级)。提示组件单一只有Toast，像安卓还有SnackBar，提示不能用在加载提示。简单对比和传统提示相比解决了Toa
mochixuan·2019-03-11 14:09

移动端跨平台解决方案hybrid、react-native、weex和flutter的比较（自己的理解）

移动端跨平台开发从最初的hybrid到react-native、weex，再到最近Geogle新推出的flutter移动UI框架，体验和性能越来越接近原生应用，这里我们分析一下这几种开发方式的利弊。
不存在的骑士·2019-03-09 21:36

react-native调用第三方库react-native-image-picker，快速点击绑定 ImagePicker.showImagePicker方法的按钮时，安卓上App闪退的解决方法

最近开发一个功能遇到了这个问题，一般情况下点击是没有问题的，但是在100-200毫秒内如果快速点击2次以上，安卓上App就会闪退。最初的想法是在TouchableOpacity上设置disabled加上定时器控制，结果快速点击还是依旧有问题。最后是在禁用TouchableOpacity的同时，将ImagePicker.showImagePicker放到定时器中延迟500毫秒执行（定时器应遵循先cl
Canton_jack·2019-03-08 15:07

自学React-native （第十天）--使用FlatList实现下拉刷新和下拉加载更多

1.前言:终于要开始编写业务代码了,今天将组合前面9天学习的内容来制作一个「最热」功能.2.代码View层page/PopularTab.jsimportReact,{Component}from"react";import{FlatList,View,Text,StyleSheet,Button,RefreshControl,ActivityIndicator,DeviceInfo}from"r
天空之蓝钻·2019-03-07 17:43

react-native升级新版本

1.查看当前RN最新版本npminforeact-native可以看到以下信息：dist-tags:latest:0.58.5next:0.59.0-rc.22.检查当前RN版本react-native-v3.安装react-native-git-upgrade工具npminstall-greact-native-git-upgrade4.对RN进行整体升级react-native-git-upg
想huidao过去·2019-03-07 16:31

react-native 填坑之路（2）：Execution failed for task 'xxx:verifyReleaseResources'

React-Native升级后，其他的关联包没有升级编译器，因此，才会出现这个问题，报错一般是下边这个长相的。
白昔月·2019-03-06 15:31

react-native 填坑之路（2）：Execution failed for task 'xxx:verifyReleaseResources'

React-Native升级后，其他的关联包没有升级编译器，因此，才会出现这个问题，报错一般是下边这个长相的。
白昔月·2019-03-06 15:31

react-native 填坑之路（1）：如何解决Print: Entry, ":CFBundleIdentifier", Does Not Exist

你被React-Native坑过吗？这货就好像当年WOW开荒时的第一个Boss
白昔月·2019-03-06 15:54

react-native 填坑之路（1）：如何解决Print: Entry, ":CFBundleIdentifier", Does Not Exist

你被React-Native坑过吗？这货就好像当年WOW开荒时的第一个Boss
白昔月·2019-03-06 15:54

阴影react-native-shadow

阴影1.第一步：在react-native工程目录下通过yarn安装react-native-shadowyarnaddreact-native-shadow2.第二步：在react-native工程目录下通过
xrzzz·2019-03-04 23:37

React Native转web方案：react-native-web

在阅读本篇文章之前，你要有React和React-native相关经验。
pansly·2019-03-03 09:48

轻松配置react native热更新

react-native项目有个优势就是可以动态更新bundle.js，从而更新App。
那个大螺丝·2019-03-02 23:20

混合开发-选型-技术调研

主流混合开发方案WebUI+JSCore/V8/Other（PWA、Cordova、Ionic）NativeUI+JSCore（React-Native、Weex）NativeUI+A
chauI·2019-03-02 11:37

混合开发-选型-技术调研

主流混合开发方案WebUI+JSCore/V8/Other（PWA、Cordova、Ionic）NativeUI+JSCore（React-Native、Weex）NativeUI+A
chauI·2019-03-02 11:37

React Native之持久化存储（AsyncStorage、react-native-storage）的使用

1、封装DeviceStorage类import{AsyncStorage}from'react-native';exportdefaultclassDeviceStorage{staticget
零零圈圈·2019-03-01 17:00

undefined is not an object RCTCameraRollManager.saveToCameraRoll

我这是在使用ReactNative-CameraRoll将图片保存到本地相册包报的错误版本：react-native:0.57.8react-native-image-zoom-viewer:2.2.25
Mr丶Tian·2019-03-01 14:45

React Native 之常用第三方库

序号名称简介1surmon.me.native一个非常适合入门学习的react-native项目，有借鉴自其他种子项目的组织方式，代码清晰、结构合理。
小朵八·2019-02-28 16:59

【React-native】结合 NativeBase & FlatList 的 api 数据设计及使用

card-image-headref效果展示，这里使用的是Cardimage（PS：这里用了才看的阿丽塔战斗天使，哇咔咔，好看）：版本："native-base":"^2.6.1","react":"^16.2.0","react-native
程序员阿喵·2019-02-27 10:08

windows系统安装配置react-native运行环境

最近公司要开发react-native项目，自己在windows系统上练习了一下，过程中发现好多问题，在这里整理出来供大家参考；一、首先来看一下reactNative官网官网上的教程很详细，介绍了IOS
奔跑的毛毛虫·2019-02-27 00:00

React-Native开发技巧

前言在学习和开发ReactNative的过程遇到了很多问题，所以在此把遇到的一些问题记录下来，也让一些人少走一些弯路。正所谓独乐乐不如众乐乐。基础篇1.项目构建react-nativeinit项目名(—version版本号)可忽略安装组件和删除组件npminstall/uninstall--save组件名称比如:npminstall/uninstall--savereact-native-rout
牧羊人Q·2019-02-26 21:43

react-native 分享微信小程序（react-native-wechat）

勤做笔记，方便自己，帮助他人。1.替换本地的微信sdk。SDK下载地址ios修改部分代码1.RctWeChat/RCTWeChat.h文件中的第25行加上#defineRCTWXShareTypeMini@"mini"截图如下：1.png2.RctWeChat/RCTWeChat.m的第282行加入一个elseelseif([typeisEqualToString:RCTWXShareTypeMi
既然可以颠覆何必循规蹈矩·2019-02-26 15:42

react-native 报错：In this environment the target of assign MUST be an object.This error is a performa

知识点：StyleSheet.create：CreatesaStyleSheetstylereferencefromthegivenobject.样式来自样式表的引用。接收一个obj,返回的不是一个obj所以直接使用...或Object.assign()会报错。解决方法有如下2种：1.StyleSheet.flatten返回一个obj，可以用StyleSheet.flatten包装成对象，再使用.
Canton_jack·2019-02-26 09:20

解决 React Native 报错：Unable to resolve module `AccessibilityInfo`

UnableToResolveError:Unabletoresolvemodule`AccessibilityInfo`from`XX/node_modules/react-native/Libraries
AmberDeng·2019-02-25 15:58

Flutter学习记录（一）

与RN的区别：React-Native核心是通过Javascript开发，执行时需要Javascript解释器，UI是通
晨晓十分·2019-02-22 17:55

React-Native离线打包

/output/res/--devfalse一打包离线bundle[注意]复制react-native项目用到的图片文件到android项目指定目录下,不然android项目
条子走了·2019-02-22 16:21

Android关于React-Native的react-native-update

pushy的补丁版本升级是基于pushy自动给原生分配的packageId[包版本序号],精确到某个原生应用的某个原生版本;想要在旧版本的手机桌面弹出[原生应用有更新]的提示框的话,还需要将对应的旧版本从[已发布的原生版本列表]上删除;弹出的原生新版本提示的下载地址是在"pushy"的"设置"里面填写的,之前的原生版本发布只是给pushy提供[版本比对];
条子走了·2019-02-22 15:55

关于Android 9.0使用React-Native的react-native-update热更新失败

由于android9.0默认要使用https方式进行常规网络请求,而react-native-update的android原生代码是使用http来进行网络请求的,所以9.0在进行热更新的时候会失败。最快的解决方案可参阅https://blog.csdn.net/hewenlee/article/details/84097493
条子走了·2019-02-22 15:59

【React-native】react-native-spinkit Loading动画加载组件的使用

环境版本："react":"^16.2.0","react-native":"^0.53.0","react-native-spinkit":"^1.1.1",总体步骤：导入组件。
程序员阿喵·2019-02-22 15:59

初识react

安装插件VSCodeES7React/Redux/React-Native/JSsnippets会有很多
小鱼嘻嘻·2019-02-16 20:18

初识react

安装插件VSCodeES7React/Redux/React-Native/JSsnippets会有很多
小鱼嘻嘻·2019-02-16 20:18

React-Native 函数去抖和函数节流 lodash.throttle

image.png提供了两个函数debounce和throttle具体的可以看这篇文章一：debounce去抖：使用场景例如：一个搜索框，输入1，请求数据得到包含1的数据；再输入2，得到包含12的数据...假如用户想得到1234的数据，就要调用4次接口得到，浪费请求资源，本地数据渲染也会走多次。debounce可以解决此问题/*this.getData请求方法500延迟时间option配置loda
精神病患者link常·2019-02-13 11:23

Flutter跨平台首选

移动端跨平台一直是开发者老生常谈的话题，为了尽可能的增加代码复用，降低开发成本，各大科技巨头都有自己的跨平台框架，比如Facebook的React-Native、阿里的Weex、Cordova等。
守望村夫·2019-02-11 19:22

react-native 命令行 引入字体图标 iconfont

1.安装python2.7 2.cd build-font.sh上级文件夹  运行pipinstallfontTools--user   运行./build-font.shiconfont.ttf
Alex81320·2019-01-31 16:05

React Native MacOS环境搭建

https://reactnative.cn/docs/getting-started/React-Native入门指导之iOS篇——一、准备工作React-Native入门指导系列教程目录一、准备工作
下一站ssh·2019-01-31 11:28

React-Native config.h file not found

方案-：cdnode_modules/react-native/third-party/glog-0.3.4../..
秋分落叶·2019-01-31 09:07

ES6 export 和 export default的区别

代码详解一、使用export和import1、export定义导出一个子组件GreetingimportReact,{Component}from"react";import{View,Text}from"react-native
zxc19890923·2019-01-30 00:00
上一页 102 103 104 105 106 107 108 109 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他